How to change product image shape to rectangle in Dawn theme?

Store Design
, ,
1

Can you make an image on the product page be a rectangle? It’s an option for the collection page, but I’d like it for both. My product images are currently square image. Thank you!

www.planandstick.co

2

In the CSS file, look for the selector that targets the product image on the product page. It might be something like “.product__image” or “.product-image”.

Add the following CSS code to the selector:

.product__image {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}
1 Like