Solved: Help changing the footer background color in the ....

SlimBob · ‎03-17-2017

I can't find a way to change the background of the footer on my page without it also changing the header background color. I want to leave the header white but make the footer a dark gray.

www.popedistributing.com

Does anyone know a way to alter just the footer? I have had no luck using a simple "background-color: #333333;" addition anywhere. Thanks!

SlimBob · ‎03-21-2017

I found a solution on another thread; big thanks to BJ.

Add this to Settings > SEO > Header Code:

<style>
	.footer-wrap
	{
		background: #333333 !important;
	}
</style>

View Best Answer >

bobafett · ‎03-17-2017

@SlimBob: Different themes may have different structure, but look for wssite-footer and you may find something that may appear to be footer background color which you can modify to change the footer color. It might be towrads the end of the file.

SlimBob · ‎03-20-2017

Ive found wsite-footer in a few places and tried to add in some "background-color: #333333;" code to no avail. I have found where the code uses a variable named @bg which is currently set to white, but when I change it, it changes the header color and the footer color. I only wish to change the footer while leaving the header as white.

SlimBob · ‎03-21-2017

I found a solution on another thread; big thanks to BJ.

Add this to Settings > SEO > Header Code:

<style>
	.footer-wrap
	{
		background: #333333 !important;
	}
</style>

Help changing the footer background color in the .less files