WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
Background across entire page (15 posts)

  1. eisenring
    Member
    Posted 8 months ago #

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

  2. rdellconsulting
    Member
    Posted 8 months ago #

    Try this Snippet

  3. eisenring
    Member
    Posted 8 months ago #

    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.

  4. rdellconsulting
    Member
    Posted 8 months ago #

    Try

    body, .container {
    /* Adjust the Image location 'wp-content/uploads/NAMEOFFILE.png' */
    background:     url(/wp-content/uploads/NAMEOFFILE.png) repeat fixed 0 0  ;
    }
  5. eisenring
    Member
    Posted 8 months ago #

    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

  6. rdellconsulting
    Member
    Posted 8 months ago #

    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;
    }
  7. eisenring
    Member
    Posted 8 months ago #

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

  8. rdellconsulting
    Member
    Posted 8 months ago #

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

  9. eisenring
    Member
    Posted 8 months ago #

    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!

  10. rdellconsulting
    Member
    Posted 7 months ago #

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

  11. rdellconsulting
    Member
    Posted 7 months ago #

    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.

  12. eisenring
    Member
    Posted 7 months ago #

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

  13. Andrew
    Forum Moderator
    Posted 7 months ago #

    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  ;
    }
  14. eisenring
    Member
    Posted 7 months ago #

    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?

  15. Andrew
    Forum Moderator
    Posted 7 months ago #

    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.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.