Change the color of the calendar icon

[Rhonda]

Is there any way to change the color of the calendar icons from gray to red (the icons that appear after using the widget entitled “Events List”?

[Cliff]

Hi Rhonda. Thanks for your question.

Are you referring to the gray in the widget, like this: http://cl.ly/2d2M2F1f053p?

If yes, please check out PRO’s Color Customizer. If that’s too broad a scope for what you’re wanting to customize, please provide me a link to the widget in use and I can provide a CSS snippet.

[Rhonda]

Every item in the Appearance > Customize > Events Calendar is set to the color blue, but the calendar icons are still grey.

[Cliff]

Thanks for the screenshots.

This CSS should help:

.tribe-events-adv-list-widget .tribe-mini-calendar-event .list-date { background-color: blue; }

If you have any follow-up questions, please provide a link to view the widget you’re wanting customized.

[Rhonda]

Perfect! This is EXACTLY what I was looking for! Thank you so much for this css code.

[Cliff]

I’m glad to help!

[Author]

Posts