Issue with Grid layout in Event Calendar [Resolved]

Ask the Community Service Issues
1

Did this update break the layout of the calendar for anyone else?

Before the update, the calendar correctly showed multiple events in grid layout, and dropped to a single column on mobile widths. But now it’s scaling single events to the full width on both desktop and mobile widths, and it is ignoring the space between all events as well.

Any advice on changes needed to settings or a quick patch would be greatly appreciated.

2 Likes
Event Calendar: [MAJOR UPDATE] New filter design, tag filter, search bar and more! 🔥
2

Yes, it was similar for me.
However, this post helped me in my case:

Best regards

2 Likes
4

Hi there and welcome to the Community, @user29546 :waving_hand:

I am so sorry for all the inconvenience caused!

Yep, this code should resolve the issue:

.es-grid-container {
display: grid !important;
}

Please add it to the Custom CSS field on the Style tab of your widget’s settings and let me know if it helped.

If the issue still persists, please send me a link to the page, where your widget is installed :folded_hands:

1 Like
5

I see the event calendar has changed and now I can’t seem to increase the space in between events. It looks fine on the preview, but not on the website. Events.uecreed.org - also I can’t seem to change the colors of the search bar.

1 Like
6

YES! Thank you! This resolved the layout issue the grid and spacing returned to the intended settings.

1 Like
7

Great, you’re always welcome :slightly_smiling_face:

8

Hi @Rev_Devan :waving_hand:

Apologies for the inconvenience!

To fix the issue, please add this code to the Custom CSS field on the Style tab of your widget’s settings:

.es-grid-container {
display: grid !important;
}
9

Hey everyone :waving_hand:

We’ve just released a global fix, so you don’t need to use the suggested CSS code to make the widget work fine :slightly_smiling_face:

2 Likes