Loribo Posted February 11 Share Posted February 11 Hello! (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? Lori Link to comment
tuanphan Posted February 15 Share Posted February 15 Hi, Can you share link to product list page? We can give the code 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
Loribo Posted February 26 Author Share Posted February 26 Hi @tuanphan- I posted in another area and you gave me code to fix it :-). Here's the code that you gave me that fixed it: .products.collection-content-wrapper .grid-item img { object-fit: contain !important; } Thanks again - you're the best!! tuanphan 1 Link to comment
ellenann Posted Tuesday at 06:19 PM Share Posted Tuesday at 06:19 PM 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? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment