Docs

[amyhern]

Hi there,

How do I change the background color of one specific widget? Right now, it’s white and I want it to be #15B59A (a light blue). I don’t want to change the entire widget area, just the background of one in particular.

Regards,

Amy

[amyhern]

This reply has been marked as private.

[Prasant Rai]

Hello Amy,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

div#text-2 .textwidget {background-color: #15B59A;padding: 0 7px;}

Thanks.

[amyhern]

Hi there,

I tried that but it did not change it. Any other ideas?

Thanks in advance!

Regards,

Amy

[John Ezra]

Hi Amy,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

div#text-2 h4.h-widget {background-color: #15B59A;padding: 0 7px;}

If it doesn’t work for some reason, please try putting the CSS above all other CSS in your customizer. If it works then you may have a syntax error in your other CSS preventing CSS below it from working. You will need to look for missing “}” closing curly brackets or unclosed single or double quotes.

Let us know how that goes. Hope this helps – thanks!

[amyhern]

Hi there,

This worked! I was missing the closing bracket somewhere. It worked once I fixed that. Thank you for your help!

Have a nice day or evening!

Amy

[Christian]

You’re welcome, Amy. Glad we could help. 🙂

[Author]

Posts