Upcoming Events displaying strangely after upgrade

[imagineimagery]

I’m using Enfold 3.2 and just upgraded to Events Calendar Pro 3.1. Avia Layout Builder shows the Plugin Addition called “Upcoming Events”.

We have this on multiple pages in the site and after upgrading, the look of it has changed considerably

The original is:

Now, looking at the home page, these 3 events take up 10-times the space.

I have made no other changes to the site other than the upgrade.

Thank you for your help!

[Geoff]

Hi imagineimagery,

Oh shoot, sorry for the trouble here! Some themes include custom styles for the calendar and it looks like the custom styles included here are conflicting with the updated widgets in 3.10.

Let’s see if we can some things back on track and conserve some space. Try adding this to your theme’s stylesheet and see if it helps bring things down a bit for you:

.av-upcoming-event-entry {
display: inline;
padding: 0 0 5px 0;
}

#top .tribe-events-tooltip.recurring-info-tooltip {
display: none;
}

Cheers!
Geoff

[imagineimagery]

Geoff, thank you.

I needed to add !important to the inline tag and that worked.

Complete Fix if this helps anyone:

.av-upcoming-event-entry {
display: inline !important;
padding: 0 0 5px 0;
}

#top .tribe-events-tooltip.recurring-info-tooltip {
display: none;
}

[Geoff]

Awesome! I’m so glad that helped smooth things out–thanks for following up and sharing the complete code that worked for you. 🙂

Cheers,
Geoff

[Author]

Posts