Change Header Color

What code would I place in the override file in order to change the color of the header background? I'm looking to change the white colour on the header to the left and right of the gk_head section to black.

Thanks.

Could You please post an url to your site?

Hi, the URL to my test site is:

http://ballhockeycanada.org/shop/

Basically looking to have the white sections to the left and right of the header changed to black. Ideally we would maintain the strip to the left and right of the menu area white.

Thanks!

If you are 100% sure header has always same height, you could use image background technique.
In other cases it might be impossible to do as same background color is visible later in content and it will be changed as well.
Do you need a help with image background technique?

Yes please help with how to use the image background technique.

Thank you!

Please edit: wp-content/themes/ShopAndBuy/css/override.css

Code: Select all

.gk-page-wrapper {
background: #fff url (../images/custombg.gif) 0 0 repeat-x;
}


Now - you need to place file custombg.gif in:
wp-content/themes/ShopAndBuy/images

Now - custombg.gif is a gif file, 1px width, 150px width, filled with black.

What it will do - it will place this file on top of the page repeating horizontally.

Remember to enable "Use the override.css file" in theme settings (item in admin menu, under comments section, advanced tab).

Thank you, after changing the margins and the .gif I got the header looking like I wanted it to.

Really appreciate the support.

Great, Im glad I could help.
If You will have any other questions, feel free to post new forum threads.
Closing the topic.