Did TEC undergo a major change to it's CSS at some point in the last 6 months?

[Tevya]

TEC used to look quite nice with only a small amount of CSS tweaking, in combination with the Divi theme. As you can see here: https://web.archive.org/web/20160323155820/http://birthlearning.com/classes/category/birth-classes/. If you look at the actual, current page: http://birthlearning.com/classes/category/birth-classes/ it looks much uglier, with a gray buy now button and no respect for Divi’s normal margins. I tried changing TEC’s CSS options, but that’s not it, it only gets uglier from here.

Was this a purposeful change? Or perhaps it was an update to Divi? Just trying to figure out what happened and why so we can determine the best approach to fix it.

[Tevya]

Update: I found that changing “Events template” to “Default Page Template” got things mostly back to where I prefer them. However, it added a sidebar! Now how can I get rid of that?

I searched some and found this: https://theeventscalendar.com/support/forums/topic/divi-and-full-width-pages-for-events/ but it’s suggesting going back to the Default Events Template setting that made this all look ugly in the first place.

Any ideas?

[Cliff]

Hi, Tevya. Sorry this is causing you frustration.

The Buy Now button, specifically, was added recently (in June: https://theeventscalendar.com/introducing-buy-now-buttons/).

Regarding the Display Settings (https://theeventscalendar.com/knowledgebase/wp-admin-settings-overview/#display), the Stylesheet option shouldn’t have added a sidebar, since it’s just the styling. However, if you change the Template option, that’s basically switching from our plugin’s template to whatever your current theme’s template is. Some themes have a sidebar included by default; some don’t; and some themes (not Divi) sort of break when set to this option.

With those overview details out of the way…

The Buy Now Button actually has no styling. The ugly (I agree) gray is because it’s the browser default styling: https://cl.ly/1e0R0R0V1U2X

Typically, themes have default styling for buttons, which would take over their display in this case. I’d suggest reporting this to Divi and/or add your own styling.

You can add custom CSS code via your child theme’s style.css file, via WordPress 4.7’s Customizer CSS settings, or via a third-party plugin (not guaranteed or supported by us), like:

• SiteOrigin CSS (helps you visually build CSS selectors via its Inspector and Visual Editor, if that’ll help you)
• Simple Custom CSS
• Jetpack (supports regular CSS and the LESS and Sass pre-processors)

If you’re not a CSS expert, Jetpack’s Custom Design reference may prove helpful.

Please let me know how it goes for you.

[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