Event Calendar Widget (Highlight Event Date) same color as the other days

[Danny]

Event Calendar Widget (Highlight Event Date) same color as the other calendar days. Look at the sample picture with the Calendar and Calendar list. The event list date June 17th is not highlighted on the Calendar.

How do I change the highlight color?

[Nico]

Hi Danny,

Thanks for reaching out to us! I can help you here 🙂

To change the colors in the calendar via CSS, use the following snippet:


/* current day */
.tribe-mini-calendar .tribe-events-present, .tribe-mini-calendar .tribe-mini-calendar-today {
background-color: #666666 !important;
}

/* day with events */
.tribe-mini-calendar .tribe-events-has-events {
background: #444 !important;
}


You can paste the above in your theme (or child theme) stylesheet or add it via Simple Custom CSS plugin.

Please let me know if that helps you out,
Best,
Nico

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts