Change Color in Footer

[jtamayo]

Hello! I would like to make the footer color white. I was able to create a custom color palette but don’t know where to change the color code for the footer. Please help 🙂 Thanks!

---

[Ginger Coolidge]

Hi there,

I will be glad to give you the CSS help, but also these tools can help you in the future. In fact, I’m going to use the 2nd one to get your answer since I use the Chrome browser 🙂

~~~~~~~~
Here are two tutorials that show you how to troubleshoot changing CSS on-the-fly in your browser.

Firebug Demo: How to Troubleshoot CSS

https://www.nutsandboltsmedia.com/how-to-customize-your-genesis-child-theme-with-chromes-inspector/
~~~~~~~~

If you’re using the default color scheme, look for this section in your style.css file:

Site Footer
------------------------------------------- 
.site-footer {
	background-color: #39342c;

And change the hex value for the background color to whatever you would like. If you’re using one of the other color schemes or have added your own, then look for this section in the other colors — this is from the wap-blue section:

.wap-blue .site-footer {
	background-color: #273249;
	color: #fff;
}

Change that background-color and that’s it!

---

[Author]

Posts