Simple flat color custom backgrounds

Question

Hi,

I would like to change only the header color to something else than "light" or "dark" as well as the whole website background to another custom color besides "light" or "dark". Where can I access these parameters please?

Thanks,
Maciek

SemiColonWeb · Accepted Answer

Hello,

Consider using the following CSS:
[ch_pre type="css"]#header,
#header:not(.sticky-header) #header-wrap {
background-color: #ff0000;
}

#content {
background-color: #00ff00;
}[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

mschejbal · Answer

This works great, thanks! I should have asked before but what about changing default header links color the same way (not the rollover color that is set in color.css)? Maciek

Semicolon Web · Answer

Hello, This should work fine: [ch pre type="css"].menu link { color: 444; }[/ch pre] Hope this Helps! Let us know if we can help you with anything else or if you find any further issues.

mschejbal · Answer

Great, thank you!!!

mschejbal · Answer

Actually, when I scroll down the custom color of the header created by

#header,
#header:not(.sticky-header) #header-wrap {
background-color: #ff0000;
}

is defaulting to light or dark background, the custom color doesn't hold. What's the remedy to keep it consistent please?

Thanks,
Maciek

Semicolon Web · Answer

Hello, Adding to the CSS Property should work fine. Hope this Helps! Let us know if we can help you with anything else or if you find any further issues.