Problem with "upcoming events at this venue"

[Michael Clement]

If I click on a venue, it displays the venue. At the bottom is the “upcoming events at this venue”. There is a white box with my start and end times in it.

My problem is that my text (start and end time) is white, in a white box. I can’t change my text color without changing it on the whole site (which I don’t want to do). How can I change the text in this box only?

An example is at: http://yoapandyoap.com/venue/stadium-view-2/

I am a new developer and have very limited css skills. Please be detailed with your answer so that I can understand and implement your answer. Thank you in advance!

[Barry]

You would need to override this rule:

.tribe-events-event-list-meta td { background-color: white; }

With something like:

.tribe-events-event-list-meta td { background-color: red; }

In this case you will probably need to override events.css to do that. So, first of all, please familiarize yourself with:

• Our themer’s guide https://theeventscalendar.com/support/documentation/events-calendar-themers-guide/
• This tutorial on template overrides https://theeventscalendar.com/what-are-template-overrides-and-how-do-i-do-them/

When you override events.css you really ought to make it a copy of the original events.css first of all. In this case, all you’d really need to do is insert your new rule at the bottom of that stylesheet.

Does that help?

[Michael Clement]

Thank you for the help Barry! I have one more question, now that I have changed the box color, how do I change the words start and end that are inside the box? Thank you again for your help! I really appreciate it!

[Barry]

You would customize (override) the relevant template to do that (see my previous link) … could I ask you though to create a new thread if you need help with this – we just like to keep threads focused on specific problems since it makes it easier for other users to research in the future.

Thanks!

[Author]

Posts