Custom CSS Not Working

[Matthew Evins]

I have been using The Events Calendar and just purchased the Pro add-on. My list view of events has a transparent background and is relying on the theme’s background, which is hard to read. I have tried adding custom CSS to #tribe-events-content-wrapper, however it’s not being applied, even with !important. When I add the custom CSS using the browser debug tool, it does work. Can someone assist? An example URL is http://www.ohdi.org/events/category/regional/region4/.

[Geoff B.]

Good evening Matthew and welcome to the Events Calendar Support forum!

Thank you for reaching out to us.

We are sorry to hear about the CSS rules not being applied to your liking.
I would love to help you with this topic.

Based on what I can see, there is a CSS rule at line 1430 of your theme’s CSS file that is being applied
#tribe-events-content-wrapper {
background-color: #000000 !important;
}

With that in mind, when using the tribe option under Events -> Settings -> Display, you might have to make your CSS overly specific for it to kick in. E.g.: adding #tribe-events-pg-template in front of the rule

The other option would be to try different settings for the first option under Events -> Settings -> Display.

Let me know how that goes.

Best regards,
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