Date background changes color on mobile

[Carlos]

HI.

The date background color of my events changes to a light color on mobile and tablet size screens. How can I prevent this from happening? I want it to stay dark. Also, how can I change the color of the title to something lighter?

Thank you!

https://mntra.vegas/event/enter-sake-with-richie-hawtin-black-monday-industry-party/

[Geoff B.]

Good evening Carlos and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the background color changing on mobile screens.
I would love to help you with this topic.

The following CSS rules should get you what you are looking for

@media only screen and (max-width: 768px) {
.single-tribe_events .tribe-events-schedule {
background: transparent !important;
}
}

.tribe-events-single-event-title {
color: #fff !important;
}

Let me know if that helps.

Have a great day!

Geoff B.

[Carlos]

Thank you Geoff. That worked but it made my “Details” window white when in Responsive size. Before it was black.

[Carlos]

Actually, that worked. My bad. I cleared the cache. But on the main events page where it lists them as a “List”, the details box is white while on mobile. I’d like it black and also hide the event’s description while on “List” view.

Thank you!

[Geoff B.]

Good afternoon Carlos,

I am glad you are making progress on this.

Here is some additional code to help achieve what you are looking for

@media only screen and (max-width: 768px) {
.tribe-events-loop .tribe-events-event-meta {
background: transparent !important;
border: none;
}
#tribe-events .tribe-events-list-event-description p {display:none !important}
}

Let me know how that goes.

Best regards,
Geoff B.

[Carlos]

Perfect! One last thing and I’ll leave you alone.

How do I hide the description on a desktop-sized window as well?\

Thank you!

[Geoff B.]

Good morning Carlos,

I am glad that helped.

To hide the description for the desktop, you can reuse the same rule as above but outside of the @media context. So simply

#tribe-events .tribe-events-list-event-description p {display:none !important}

Have a great day!

Geoff B.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts