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

Link to comment
  • Replies 5
  • Views 990
  • Created
  • Last Reply

.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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.