Reply To: Changing Colour Of Header

This may sound a little confusing if you’re not familiar with CSS, but to change the header background color, you would need to change the .head-wrap (which is the div that surrounds the header and adds the color you see). This can be found around line 3372 in your style.css file, or you can search (ctrl + F on PC or command + F on a Mac) for the following –

.epik-orange .head-wrap,
.epik-orange .welcome,
.epik-orange .home-feature-bg-dark,
.epik-orange .author-box,
.epik-orange .footer-widgets {
	background: #ff7e00;
	color: #eee;
}

As you’ll notice we have bundled multiple parts of the css into one to save space. If you need to separate a section like the .epik-orange .head-wrap, to add a separate color (rather than having them all use the exact same color like above), then you can remove the first line – .epik-orange .head-wrap and add it on it’s own line like this –

.epik-orange .head-wrap {
    background-color: #fff;
}

That will separate the header (for the Orange Color Scheme) so the background color you add will only affect it and not the other parts of the theme. If you do that, you’ll need to change all of the css in your logo and your nav sections to a different color, since it is currently white and the new background will be white as well.