Past/Future Event Text Color = Undo Shading For Past and Future

[Lauren]

I am interested in having all event titles on the calendar view in a white font, including past and future events.

Is there a line of code that I can utilize in the CSS to make all event title text white?

[Cliff]

Hi Lauren.

On my test site, this was the CSS rule making the past events 50% opacity:

.tribe-events-calendar td.tribe-events-past .tribe-events-month-event-title a,
.tribe-events-calendar td.tribe-events-past .tribe-events-viewmore a {
opacity: .5;
filter: Alpha(opacity=50);
}

It came from /wp-content/plugins/the-events-calendar/src/resources/css/tribe-events-theme.min.css

You could add code like this to override it:

.tribe-events-month .tribe-events-calendar td.tribe-events-past .tribe-events-month-event-title a,
.tribe-events-month .tribe-events-calendar td.tribe-events-past .tribe-events-viewmore a {
opacity: 1.0;
filter: Alpha(opacity=100);
}

See that I added .tribe-events-month before each selector (to add CSS specificity) and changed the opacity from 50% to 100%.

===

You can add custom CSS code via your child theme’s style.css file or via a plugin like Simple Custom CSS or, my favorite, Jetpack. Jetpack supports regular CSS and the LESS and Sass pre-processors.

Please let me know if this answered your question.

Thanks!

[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