Header Background Color

mikopia · February 2016

The background color for the header is white (#fff, I checked the CSS from Inspect Element). I was hoping to find a color option in the Theme Options to change the white to a blue color, but none of the Header colors changed the background for the header. Where can I find this option?

Albert · February 2016

Hi,

please send us link to above site so we can have a look on it.

mikopia · February 2016

I know how to edit the CSS to change the color, which I did for now... But I want to know if there is an option within the theme settings/options. I'm talking about the #Top_bar

Albert · February 2016

Yes, color options responsible for header is under Theme options > Colors > Header section. You need to try different options because for different fields works for different header types. And because we didn't saw your site, we have no idea which one might work in your case.

mikopia · February 2016

That's why I tested random colors for all the color options in that section.

Still, the header is white. Could it be because I have responsiveness enabled? In which case, that seems to be a theme issue (that responsiveness overrides header color to white).

mikopia · February 2016

To add on to this, the background color for the footer does not change despite changing all the color settings in the Footer section. Again, I know there is a CSS solution. And I am using that CSS solution right now. But I want a better solution.

Albert · February 2016

One thing comes in our mind. Did you set Custom skin under Theme options > Colors > General section?

mikopia · February 2016

No, I selected Blue. Does it need to be Custom skin?

Albert · February 2016

Yes, need to be Custom if you want to use custom colors.

mikopia · February 2016

Perfect! Thanks.

Albert · February 2016

You are welcome

JAMESPC8899 · May 2018

HI, Can I change the background color for an image background? I have a designed background that I want to use but don't know where i can change it.

I uploaded to GLOBAL, in GENERAL muffin buider options at the bottom whre it says background, (image) my image is 1920 X 765 but nothing happen, any advice?

thanks,

Bryan · May 2018

JAMESPC8899

Please send a link to this page and some screenshots. Did you set the image in theme options?

thanks

Header Background Color

Comments