How to replace the CSS to edit layouts

[Mike]

I understand how to use templates to alter the layout, but I would like to replace some of the default CSS that TEC Pro and related modules comes with.

• If I add updated CSS to my style.css file in my theme, will it replace the default CSS TEC comes loaded with?
• If not, do I need to create a custom CSS folder/file structure in my theme? If so, what would the structure be for:

1. The Events Calendar
2. The Events Calendar Pro
3. Event Tickets
4. Event Tickets Plus
5. Filter Bar
6. Community Events

Thanks very much for the help!

[Geoff B.]

Hello again Mike,

Let me answer your questions.

If I add updated CSS to my style.css file in my theme, will it replace the default CSS TEC comes loaded with?

Yes, it will. That being said, it also depends on the first setting found in Events -> Settings -> Display.  The “Tribe events styles” might prove harder to override.

I believe all of your answers can be found here: https://theeventscalendar.com/knowledgebase/themers-guide/#customizing-styles

Let me know if that helps.

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