Jump to content


Photo
- - - - -

Change header background color and make it full-width.


  • Please log in to reply
2 replies to this topic

#1 tuanma

tuanma

    Advanced Member

  • Members
  • 83 posts

Posted 30 April 2012 - 05:52 PM

hello, I've spent a hour trying to figure out the css header to make it full-width with a black background color. I was able to make the background color black, but was not able to make it full-width similar to the footer. Tried css: width: 100% but no luck. Ultimate goal is to make everything above the line below the nav black and full width. Any help is greatly appreciated.

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 01 May 2012 - 02:38 AM

Have you tried this CSS?:

Please Login or Register to see this Hidden Content


If this code works, you'll need to also change the background color for your menu items since the text links are black and their backgrounds are currently transparent. You may also need to change your logo image to white with a transparent background so that it sits nicely on the black.

#3 tuanma

tuanma

    Advanced Member

  • Members
  • 83 posts

Posted 02 May 2012 - 01:32 AM

Catrina, The code above worked on all browsers except Internet Explorer, which caused the whole site to be black. Is there another code I need to fix the IE problem? Thanks Tuan