TwillCreative

Incredible, @tuanphan —thank you! That solution worked perfectly.

Hello! I'm designing a site for a client that has a full-width 1x4 grid that mixes different blocks—2 photographs, a filled text block and a slideshow gallery. I'd like all the elements to be the same height, but the slideshow gallery is not behaving. The gallery is set to auto-crop, but the images do not entirely fill the frame. I saw an earlier forum post that says it is not possible to force the gallery to fill the frame, so I'm looking for other workarounds. I've tried adjusting the frames of the other elements with CSS so that all elements visually appear to be the same height, but this only works at the maximum screen width and starts to look wonky again at narrower widths when the gallery automatically adjusts. I think there must be a way, but I'm not that skilled with CSS. The only solution I have found is to use a shape block to literally cover the bottom of all the blocks so that they appear even, but this feels inelegant. Any advice? https://sarahlockhartphotography.squarespace.com Site password is "Sarah"

My client is having this same issue in her blog posts in her new 7.1 site. It is very difficult for me to troubleshoot since this client is not tech savvy. I tried to help her with one of the distorted images, and the only way I could solve the issue was to crop the image using the Squarespace editing tools. She has only had this issue with portrait oriented images rather than horizontal oriented images. I'm very interested to hear if there is a solution.