Support » Theme: Customizr » Background across entire page

  • eisenring

    (@eisenring)


    Does anyone know how to set a background image to this theme and have it not break in the different columns?

Viewing 14 replies - 1 through 14 (of 14 total)
  • rdellconsulting

    (@rdellconsulting)

    Try this Snippet

    eisenring

    (@eisenring)

    Thank you! That got the image in the background but I would like to know if there is a way to have the background show up as the entire background. With that snippet it places the image in the back but where ever there is text it does not show behind there, that area stays white.

    rdellconsulting

    (@rdellconsulting)

    Try

    body, .container {
    /* Adjust the Image location 'wp-content/uploads/NAMEOFFILE.png' */
    background:     url(/wp-content/uploads/NAMEOFFILE.png) repeat fixed 0 0  ;
    }

    eisenring

    (@eisenring)

    Thanks so much! That worked great! Is there any way to make it flow with the footer? It currently looks like this : http://www.crossfitnavigate.com

    rdellconsulting

    (@rdellconsulting)

    Try:
    footer#footer {background-color:transparent;}

    or may need:
    footer#footer {background-color:transparent!important;}

    To remove the white line use:

    footer#footer {
    background-color:transparent;
    border-top: none;
    }

    eisenring

    (@eisenring)

    That didn’t seem to do the trick. I tried both variations.

    rdellconsulting

    (@rdellconsulting)

    Sorry, try:
    footer#footer .colophon {background-color:transparent;}

    eisenring

    (@eisenring)

    That didn’t seem to work either 🙁 Also, is there a way to prevent the images from scaling down and forcing you to click on the image to see the original size. This is happening to me on various pages. Here is an example : http://www.crossfitnavigate.com/us

    Thanks again for all of your help!

    rdellconsulting

    (@rdellconsulting)

    What a wally I am! Try this:
    footer#footer .colophon {background:transparent;}

    rdellconsulting

    (@rdellconsulting)

    The images are scaling for reasons around ‘responsiveness’ on different viewports. They look fine on my widescreen. What are you looking to do?

    You’ll need to use @media coding.

    eisenring

    (@eisenring)

    The footer for some reason is getting part of the background in it. How can I get rid of it?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Instead of this:

    body, .container {
    /* Adjust the Image location 'wp-content/uploads/NAMEOFFILE.png' */
    background:     url(/wp-content/uploads/NAMEOFFILE.png) repeat fixed 0 0  ;
    }

    Do this:

    body,
    #main-wrapper {
    /* Adjust the Image location 'wp-content/uploads/NAMEOFFILE.png' */
    background:     url(/wp-content/uploads/NAMEOFFILE.png) repeat fixed 0 0  ;
    }

    eisenring

    (@eisenring)

    Thank you so much! That worked perfectly! Do you have any idea as to why I have that blue dotted line towards the top now?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    There’s some styling that applies just that blue dotted line on the ‘<h1>‘. If you didn’t set that then try deactivating all plugins if any could be responsible.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Background across entire page’ is closed to new replies.