Changing color of date in calendar widget

[wickedsimple]

Hi there,
I have been trying to change the color of the date in the calendar widget from gray (#999) to black (#000). When I use Inspect Element in Chrome and change the following code it works (I can see the change made):
.tribe-mini-calendar-no-event {
color: #000;
font-weight: bold;
}
But when I add the code to my theme style css it isn’t taking. Any suggestions? Many thanks!

Donna

[Geoff]

Hi there, Donna! Thanks for getting in touch and welcome back to the forums.

Good question–and great job using Inspect Element and finding the classname for the CSS. That’s the often the toughest part. 🙂

Try this instead. I tested it out and it seems to do the trick:

span.tribe-mini-calendar-no-event {
color: #000;
font-weight: bold;
}

Give that a shot and let me know if it helps.

Cheers!
Geoff

[wickedsimple]

Hi Geoff,
Thank you for warm welcome back!!

That worked perfectly. Did exactly what I needed it to do. Thank you!!
Donna

[Geoff]

Awesome! I’m so glad that worked out–great work.

I’ll go ahead and close this thread, but please feel free to hit us up with a new one if any other questions pop up. We’d be happy to help. 🙂

Cheers!
Geoff

[Author]

Posts