Jump to content

Slideshow Gallery Height Not Filling Frame - Need Elegant Workaround

Recommended Posts

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"

Screenshot 2024-04-29 at 10.54.20 AM.png

Link to comment
  • Replies 2
  • Views 410
  • Created
  • Last Reply

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.