The Events Calendar

[tom-thumb]

Hi there! I was wondering if there was some sort of css coding that would be able to change the dates that are on the list page of The Events Calendar plugin to say "Upcoming" instead of "Now – November"

Here is the link.

Events from November 3 – December 6 – The Events Calendar

demo.theeventscalendar.com

Thank you in advance.
Tom

 

[Johna]

Hey there,
You could hide the text that is currently there, and then use the ::before pseudo-class to add in some new text. Something like this:

.tribe-events-c-top-bar__datepicker-button > time,
.tribe-events-c-top-bar__datepicker-button > span {
  display: none;
}

.tribe-events-c-top-bar__datepicker-button::before {
  content: "Upcoming";
}