Hello I am having this problem, or similar. on the elfsight calendar dashboard it shows 4 cards across, but when it gets updated to the embedded widget, is not showing only 1 card (kind of cell phone), even though I have that section stretched and full width in elfsight and website, grid and other w…

Hello is it possible to have the Events cards on grid from square to rectangle? in Masonry you have it like that, but in masonry looks weird different shapes uneven rectangles and no sequential dates. Also a way no only to select rows, also if I want 3 or 4 columns . Grid Version [Screenshot 2025…

Hi there, @Norton :waving_hand: We’ve fixed the Issue with the Masonry layout using this code in the Custom CSS field on the Style tab of your widget’s settings: .global-styles, .preview-content-holder.shrinker-content:has(.elfsight-app-ed3490eb-34a5-48d7-9851-91686d521d35) { width: calc(100% - …

Thanks for response @Max but in my previous comment you can see the Image in each card lets focus on the Zumba, on the GRID is a square-ish card, the picture is cut out, but the MASONRY the card is more a vertical rectangle, the picture has more details. You can see a better different with the DAILY…

hey @Max the layout is giving me pain again, when it first load it loads 4 columns everything looks good, but when you reload the page sometimes I get 2 or 3 columns (mobile) making everything look so big in the computer. is there a way you guys can add this columns adjustments natively next to the…

Hi there, @Norton :waving_hand: Unfortunately, it’s impossible to neatly display more than 1 column on mobile devices. However, we fixed 5 columns to always display on desktop using this CSS code: @media(min-width: 1280px) { .eapp-events-calendar-grid-item-container { width: 20%; } } Pl…

@Max as always a lifesaver! thanks for the fix, so if in the futureI want to manually change it to 3 or 4 columns should I change the min-width or width percentage. when I said to add it native, same way you have rows in the layout tab, thanks again [image]

Hey there, @Norton :waving_hand: If you’d like to adjust the number of columns in the future, you should change the width percentage in the CSS code from the previous message :slightly_smiling_face:

Issue with Masonry layout

Ask the Community General Questions

Max December 30, 2025, 11:02am 6

Got it, thanks!

Here is the solution to fix the image cropping in the Grid layout - Increase size of image container to fix image cropping (Grid layout).

Give it a try and let me know if it helped

Topic		Replies	Views
Fixed Masonry layout - so it doesn't adjust depending on visitors screen size Photo Gallery Gathering-Feedback	2	259	October 11, 2022
Events order on Masonry General Questions event-calendar	3	37	August 27, 2024
Search: Masonry layout Bug Fix search	5	193	June 15, 2023
(Squarespace) How to change Event Page to Card layout Squarespace Tips squarespace	0	43	August 12, 2025
Ability to choose the number of columns whilst using the full-width mason grid Search Gathering-Feedback	3	152	June 15, 2023

Issue with Masonry layout

Related topics