Multiday events not displaying correctly initially

Hi there,

Testing your website I can see that your theme is adding the CSS classes “col-lg-6 col-md-6” into the <article> html tags and changing the width to 50%, and that’s changing the event width.

A good test would be adding the following PHP snippet at wp-admin > Appearance > Customizer > Additional CSS section:

.tribe-events .col-lg-6, .tribe-events .col-md-6 {width: 100%;}

Also, note that as this is something being added by your theme, for a definitive solution, it would be better to contact your theme providers and let them know about the issue their theme is causing on the Events Calendar.

Thank you so much! That’s perfect! May I ask how you determined what the fault was? I tried analysing/inspecting the CSS of the page and I couldn’t see this!

We really appreciate your help, thanks again.

Stephen

Hi Stephen,

If you check your page source code and search for col-lg-6 or col-md-6, you’ll see those CSS classes added on a <article> tag.

I already knew that those column classes are provided by Bootstrap breakpoints (what you can see at https://getbootstrap.com/docs/5.0/layout/breakpoints/ ). As our plugin doesn’t include bootstrap classes, your theme should use it to provide a responsive layout.

Digging deeper, your page source code shows that it is using Bootstrap, as that bootstrap.css file path points to your theme folder: https://domainb95446.stackstaging.com/wp-content/themes/sydney/css/bootstrap/bootstrap.min.css

• This reply was modified 10 months ago by Guga Alves.
• This reply was modified 10 months ago by Guga Alves.

Hi there,

It appears that there hasn’t been any recent activity on this thread, so we’ll consider it resolved. However, if you have any additional questions or concerns, feel free to start a new thread.