Change background color of footer widget area

add this to your css

#footer-widgets {
background: #000;
}

this will give you black background, if you want any other color just change #000 to hex code you wish

Thank you @sweetdreams16, but that did not work for me. I have no idea why…?! I tried everything in the the other threads, but to no avail.

are you using child theme ?

Yes, I am using a child theme.

I’ve just tried on localhost to edit the footer widgets area. Download Simple Custom Css plugin , install it and activate it. Then go to Appearance > Custom CSS and there you add next:

#footer-widgets {
background: #000;
}

It works like a charm on my localhost.

Still doesn’t work for me. Doesn’t work for the full-length widget either. Maybe I have a plugin/setting on my site that’s preventing it.

It doesn’t work in your CSS plugin because you’re missing a closing bracket before your .tag-links class:

.input-text{width:auto;height:auto;.tag-links { display: none;}#footer-widgets{background:#33363b;}

Also, if you’re using a child theme you don’t need a separate CSS plugin. You can load all you custom CSS in the child theme style.css file.

Wow, it worked! You’re amazing, @bdbrown! Thank you for finding that!

You’re welcome; glad to help.

@savlock99 – Actually, on second thought, you’re using a commercial theme so you need to contact the theme vendor:
https://nootheme.com/forums/

Forum volunteers are not given access to commercial products, so they would not know about the theme functionality or configuration. The vendors are the best resource for support of commercial products.