How to adjust product thumbnail size in Dawn theme?

Store Design
1

I have asked this several times, and I cannot believe that nobody else has had this issue and there is a fix. Can anyone please help me?

I am using the Dawn theme and the product thumbnails are square. I have no problem with the shape necessarily, but if my image is not square, it cuts off the top and bottom of the image. Is there a way to have the thumbnails either change to the ratio of the image or have it scale the image to fit? Here is what it looks like.

Capture1.JPG
Capture1.JPG1010×437 55.1 KB

2

Hi @sweetstash , there is an option in the dawn theme that controls the image ratio to adapt :

Abdosamer_0-1700399279702.png
Abdosamer_0-1700399279702.png1589×693 210 KB

3

I have that option selected, and it still blows it up above 100%, and that is for the cards in the collection, not thumbnails on a product page.

4

Hi @sweetstash

Could you drop your product page link here to check?

5

https://x-stitch-boutique.myshopify.com/products/crystal-mermaid-aquabella

password: Snapdragon0204

6

Add this code at the bottom of section-main-product.css file

.thumbnail img {
    object-fit: contain !important;
}
7

Beautiful!! It worked! Thank you, thank you! You are a lifesaver!

8

You are very welcome