Change Footer Background Color

Hey there bck5WG,

Hope you’re well today!

Try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin if your theme doesn’t have custom CSS tab.

https://www.ads-software.com/plugins/simple-custom-css

.footer-socket-wrapper {
background-color: #F8F8F8;
}

This should put the background color to the footer area. If this is not what you wanted please add link to your site so I can take a look ??

Best regards,
Bojan

Hi Bojan,
Thank you. I pasted it in the custom CSS and it changed the footer background color, but I also wanted to change the background color of the footer widget area. The background of the footer widget area is still dark grey and it’s so masculine. Do you know how to change that? I would send you a link, but the theme is on a test site where I test themes and plug ins so it’s permanently under construction.

Also, once I’m able to change the background color of the footer widget area, I would need to change the color of the fonts to a darker color so that the fonts would be visible. Do you know how to change the font color as well, just in the footer widget area?

Thank you again!

Hey there bck5WG,

Hope you’re well today!

Please try adding the following CSS code:

.footer-widgets-wrapper {
background-color: #333333;
}

footer-widgets-area {
color: #999999;
}

First part should change the background color and the second part the color of the text. Note that these are the original colors, you’ll have to replace the color hex value to the color of your choice.

Hope this helps.

Best regards,
Bojan

Awesome! I changed the colors and it worked. Thanks, Bojan!