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 September 27 – October 30 – 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";
}