Jump to content

Disable Product Image Auto Crop with CSS

Recommended Posts

Hi 

We have a 7.1 template that has ” Product Image Auto Crop” on by default.. now we really love the the temple and would love some CSS code to turn this off.

Any help would be awesome 

Thanks in advance 

Update

so close

.ProductList-image {

     width: 100% !important;

     height: auto% !important;

     top: 0px !important;

     position: static !important;

}

but some are still over cropped

Edited by Leopard
Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

.ProductList-image {
     
     border:1px solid black !important;
     width: 100% !important;
     height: auto% !important;
     top: 1px !important;
     object-fit: contain !important;
     object-position: middle;
     position: static !important;
 }

this line here is killing the second image when you hover over it

position: static !important;

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.