Events widget not displaying correctly

[adriancasino]

Hi there,

The events calender widget is not displaying correctly on some pages.

On https://www.casinobazen.nl/agenda/ it is displaying correctly, but on https://www.casinobazen.nl it is not.

There seems to be a theme conflict, as it does work on the Twenty Fourteen theme.

Any help would still be greatly appreciated.

Thanks.

[Geoff B.]

Good evening Adrian and welcome to the Events Calendar Support forum!

Thank you for reaching out to us. We are sorry to hear about the Events Calendar widget not displaying properly on that specific page.
We will gladly try to assist you on this topic.

Good job on troubleshooting the theme conflict as well.

The reason why the Widget is displaying weirdly on the second link is because that widget is receiving the following CSS classes: class=”tribe-mini-calendar-event event-0 first last “. More specifically, the .first class is the culprit since it forces a height of 30px.

On the first link you provided, the classes attributed to the widget are:  class”tribe-mini-calendar-event event–1 last”

So I guess that if you could remove the .first class from the widget on the problematic page or make a CSS exception for it, it will come back to normal.

Let me know if that helps.

Have a great weekend!

Geoff B.

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts