Hi! I’m uploading images straight from my vendors product sheet.
When using the square image ratio on a collection page - some of the items are getting cut off.
When using the “adapt to image” image ratio on a collection page, those that are getting cut off previously are too big and causing misalignment.
Is there a way to fix this code-wise so that the square image ratio is used, and the image height is adjusted so that it fits within the square container OR use adapt to image, but have a max height?
I’ve seen a few questions out there, but none of the code has worked when I’ve put it in. Would also rather go the code route than an image resizer if it’s possible. Newbie coder, so please tell me what CSS section I need to put the code in or I’ll be clueless! Thank you!
Square Image Ratio:
Adapt to Image:
