Reply To: How to change color of Header & Footer

Look for this in your CSS –

.site-header {
	background-color: #000;
	border-bottom: 1px solid #ddd;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

That covers the main header. The code below covers the background color whenever you scroll down –

.site-header.light {
	background-color: #000;
	padding-top: 0;
}

This code covers the footer area –

/* # Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	background-color: #000;
	clear: both;
	font-size: 18px;
	text-align: center;
}

You can search for the code in your style.css quickly by pressing command + F if you’re on a Mac, and ctrl + F if you’re on PC.