Jump to content

Gallery Block image crop issue

Recommended Posts

Site URL: https://www.scenephotography.co.uk/news?offset=1583092260152


I'm having issues with gallery blocks within a blog post. It is built in 7.1.

I upload portrait images into the gallery block and it looks fine in the build site, I have put the focal point in the right areas etc. But when you view the blog post on the live site it has cropped the portrait image into a banner image, which crops off most of the image?

The first image shows it on the live site, second is how I see it on the build page. 

The easy option is to delete the gallery and use separate images, but I'm wanting to make it as easy and efficient as I can. 

I really need your help!


Screenshot 2021-07-30 at 19.17.59.png

Screenshot 2021-07-30 at 19.18.06.png

Link to comment

Try adding this to Design > Custom CSS

.sqs-gallery-block-stacked .image-wrapper img {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
.sqs-gallery-block-stacked .image-wrapper {
    padding-bottom: 100% !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.