Change date color on mobile calendar view

[Marsha]

I’d like to change the date color or background color on today’s date on this page on the calendar view.

The problem is that today’s date is white, and the background of today’s date is white, too. I used the code above, but it didn’t work.

http://wordpress-marketing.com/events/

The screenshots show the issue, and what happens when I disable the color issue in Chrome Developer tools – that’s how I’d like it to appear.

========================
PLEASE LEAVE FOR SUPPORT
Reporting the same issue as: https://theeventscalendar.com/support/forums/topic/css-selector-for-the-date-numbers-on-the-calendar/

[Geoff B.]

Good evening Marsha and welcome back!

Thank you for reaching out to us.
I would love to help you with this topic.

Try adding the following CSS rule to your style.css file or in your Custom CSS metabox:

@media only screen and (max-width: 568px) {
#tribe-events td.tribe-events-present div[id*="tribe-events-daynum-"], #tribe-events td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
background-color: transparent !important;
}
}

Let me know how that goes.

Best regards,
Geoff B.

[Marsha]

That worked. Thank you!

[Geoff B.]

Good afternoon Marsha,

I am super stoked that worked for you.

You are welcome back in our support forums any time 🙂

For now, I am going to close this thread.

Have a great week!

Geoff B.

[Author]

Posts