Custom CSS in Customizer

[Heinz]

Some CSS codes are not reacting when I change them in Customizer. Some only when I put !important behind, some are just not.
Is there an simple way to customize TEC? I was hoping that I can do that in the Pro version.

[Courtney]

Hey there

Can you share which CSS code isn’t working, even with !important?

Our general CSS tips are:

1. Start by modifying what you can at Appearance » Customize » The Events Calendar.
2. You can add additional settings to Appearance » Customize » The Events Calendar. by installing our Customize Calendar extension https://theeventscalendar.com/extensions/calendar-customizer/.
3. We generally don’t recommend that you change the theme or plugin’s CSS files directly, as they will be overwritten. To avoid this, follow the steps outlined in Themer’s Guide
4. Use overriding CSS files, or add CSS to your site using Appearance » Customize » Additional CSS.
5. Use !important before a semicolon to override every css rule. It’s a brute force method, but works for quick fixes.
6. Please check out this Customizing WordPress #2 – Using Chrome Developers Tools YouTube video in addition to our Using Chrome Developer Tools tutorial on how to easily make changes using CSS.

Thanks
Courtney 🙂

[Heinz]

Hi Courtney
Thank you for your response.

It was especially the margin-bottom for the wrapper of the photo view events. I am on mobile now, don’t have the code handy.

Why is this customizer extension not in the core of the TEC Pro version? What I see on this page is a minimum of design option which should be standard for the price you charge for the pro.
Is this also working for the other views like photo and list or only the month view?

[Heinz]

So the CSS code I try to change is following:

#tribe-events-photo-events .tribe-events-photo-event {border-bottom: 0;
box-sizing: border-box;
margin-bottom: 20px !important;
padding: 0;
width: 32%;}

I would like to change the margin-bottom, but there is no effect on the page.

[Heinz]

OK, I found out I need to close the Customizer to see the effect. When Customizer is active there is no change visible.

[Courtney]

Hey Heinz

Ah, the WordPress customizer can be particular that way. Does it look as you want on the front end now?

Some of our extensions are released as such on their way to becoming part of our premium plugins. The customizer extension is one of our more recent releases, and I do hope to see it make its way into Events Calendar Pro soon.

Is there anything else I can help you with?

Thanks
Courtney 🙂

[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