Changing widget background colour

[Ilkka Suominen]

Hi Bill!

It tried to change the background colour of the Contact Widget when it is placed in the left sidebar but it doesn’t seem to work. The colour change works if the same widget is placed to a Home section.

Any ideas! 🙂

– Ilkka –

[Bill Robbins]

Good Morning Ilkka,

Excellent question. I think I have some CSS specificity that’s keeping the background color from changing. Here’s how to fix that:

1. Go to the Appearance section in your WordPress dashboard and choose Edit.
2. From the list of files on your right, choose custom-css.php
3. Find this line (line 192):

   
   .widget { background-color: <?php echo of_get_option('widget_background', '' ); ?> }
   

   and change it to be like this:

   
   #sidebar .widget { background-color: <?php echo of_get_option('widget_background', '' ); ?> }
   

4. Save your changes.

I believe that will allow you to change the background color of your widgets now as expected. I’ll roll that into the next theme update too. Let me know if you have any trouble.

Have a great week,
Bill

[Ilkka Suominen]

Great, that did it! Thanks! 🙂

– Ilkka –

[Bill Robbins]

Fantastic…let me know if you need anything else Ilkka.

[Author]

Posts