Prevent calendar day thumbnail tiles stretching with multiple events

Hi there,

I'm looking to find a way to prevent the tiles/thumbnails on my clients calendar from stretching vertically when we upload multiple events. As you can see in the image attached it looks pretty messy. Is there a way to keep them square format, but still hover over text to see more? 

Thanks in advance for any help!

https://orchid-aardvark-ly75.squarespace.com/events

If you hide the second, third + events to make the days square, how do you see the hover to see more working?

Alternatively, is there a way to display text only for all days - ideally in square format. I think it's the combination of image and text that really doesn't work for me! Thanks 🙂

You could use CSS to hide the images in the grid, but that will only hide the image, it won't replace the image with text so the squares will be blank. The only way you are going to get the text to show up is to not have a thumbnail image or more than one item per day.

Thank you Ziggy. You mentioned earlier hiding second and third events to stop tiles from stretching. Have you done this before? Would you mind sharing how if so? Thanks so much

Try this Custom CSS:

.yui3-squarespacecalendar .item:nth-child(n+2) {
    display:none;
}