Font Color

[Caleb]

How do I change the font color for certain events on the calendar itself. We would like to make the days our office is closed be in RED as opposed to the DARK GREEN that the other events are in.

Thanks.

[Geoff]

Hi Caleb,

Good question. There is no specific setting to change the color of an event’s title. However, you could accomplish that with some custom CSS. Each event has a unique class name that can be used to target it directly in CSS.

For example, I took a quick look at your site and something like this could be used to target the event on November 25, where there is a “SIL Office Closed” event:

#tribe-events-event-13389-25 h3.tribe-events-month-event-title a {
color: red; /* or whatever color you would like */
}

Here is a screenshot of how that looks when tested on your site.

Will this help you get started? Please let me know. 🙂

Cheers!
Geoff

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts