Header Color Grassroots Website

[Centre]

Hi Bill,

I cant figure out how to change the color of the header, can you help?

thanks
Ram Krishan Singh

[Bill Robbins]

Hello,

Good question. There’s not a built in option for that since the default is semi-transparent and the built-in color pickers can only work with completely opaque colors. You can do it with a bit of CSS though. Here’s how:

1. In your WordPress dashboard click on the Appearance section and choose Theme Options.
2. From the tabs at the top, choose the Advanced one.
3. Scroll down to the Custom CSS box and add this:

   
   #header,
   body.hero #header.scroll {
   	background-color: rgba(255, 255, 255, 0.95);
   	border-bottom: 1px solid #dfdfdf;
   }
   

   Change the rgba(255, 255, 255, 0.95) to the color you’d like the background to be. You can also change the #dfdfdf to change the color of the border at the bottom of the header.

4. Save your changes.

Hope that helps out,
Bill

[Author]

Posts