Tagged: , , , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 31, 2014 at 2:57 am #373398
    a00109943

    Hi there,

    I searched this forum for old posts about custom backgrounds and found one that instructed to add this code:

    .page-id-62 .container_wrap { background-image: url(“http://energyzone.ca/wp-content/uploads/2014/12/Website-Background-1-home-logo-no-block.png”); }

    This works perfectly except for one issue. It’s almost as if each section of the page (header, footer, main content) is including this background image. The only sections this affects is my header and main content since I am not using a footer or socket for any of my pages.

    For an example, please see:

    http://energyzone.ca/benjamin/

    Here you will notice that the logo in the top left corner is not aligned because the picture exists twice, one in the header and another in the main content. I only want the custom image to be in the main content, and the header to be transparent and show what is in the main content. Not have its own image.

    I hope this makes sense. Please let me know if you require more information.

    Thanks!

    Benjamin

    December 31, 2014 at 4:50 pm #373590
    Elliott

    Hey a00109943!

    Remove this CSS.

    .main_color {
 background: #000000 url(//[]/wp-content/themes/enfold/images/background-images/grunge-dark.png) top center no-repeat scroll; 
}

    Cheers!
    Elliott

    December 31, 2014 at 8:09 pm #373683
    a00109943

    Hi Elliott,

    I removed the box layout and put it to stretch across the whole browser, that seems to have fixed 90% of the problem. Now the only problem is that the right side of the page has a new background image. How do I get the background to stretch across like its suppose to, not like this:

    http://www.energyzone.ca

    And I don’t know where to go to remove that CSS above. The EDIT CSS section is blank, there is no code there. Where should I go to do this?

    Thanks again!

    Ben

    December 31, 2014 at 10:18 pm #373700
    Elliott

    Hi!

    Add this to make it stretch to fit the screen.

    .page-id-62 .container_wrap { background-size: cover !important; }

    I don’t see the previous CSS I posted anymore so you must have gotten it removed somehow.

    Cheers!
    Elliott

    January 1, 2015 at 12:07 am #373726
    a00109943

    You are awesome! Thanks so much! This is perfect and she’s all ready now! Thanks again!

    Happy New Years!!!

    Ben

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Custom Background – Alignment issue with Header’ is closed to new replies.