Jump to content

Need Product list images to "fit" instead of "fill" 7.1

Recommended Posts


(SquareSpace 7.1)

I'm setting up a site for a group of artists so there is no way that the Product images can be the same size. Result is that the images are cut off in the Product list (see example url).

I got the Product detail images to work by adding the code below but none of the code solutions for the Product list work (let me know if you want me to list all of the code solutions that I tried). 

/* This code worked for product detail images */

img.ProductItem-gallery-slides-item-image {
    object-fit: contain !important;

Any suggestions?


Link to comment
  • 2 weeks later...
  • 3 months later...
On 6/7/2023 at 1:19 AM, ellenann said:

I am having a similar problem, some of my images are being cut off in my shop product pages no matter what size or ratio I make them. Will this code fix this for me and where do I enter the code to correct this?

Yes. That code should fix problem on Shop Page.

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.