Jump to content
Sign in to follow this  
tuanma

Change header background color and make it full-width.

Recommended Posts

tuanma    0
tuanma

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.

Share this post


Link to post
Share on other sites
catrina    103
catrina
Have you tried this CSS?: [code]#header {background-color: #000 !important;}[/code] 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.

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
tuanma    0
tuanma
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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×