How to change collection picture sizes in Dawn 2.0 theme?

[snaiperix]

Hi,

I was looking for solutions on how to change the sizes of collection images in my Shopify store. I use Dawn 2.0 theme and all of my images are in different sizes in product collections. 

You can see an example here: https://bella-lv.myshopify.com/collections/gela-nagu-lakas 

How can I resize all the images to fit the same size like it is on my old website: http://www.bella.lv/ 

Thanks in advance! 

[KetanKumar · Accepted solution]

@snaiperix 

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.card--product .media {
    padding-bottom: 100% !important;
}

.card--product .media>img {
    object-fit: contain !important;
}

[snaiperix]

Thanks, it worked perfectly for me! 

[KetanKumar]

@snaiperix 

its my pleasure to help us 

[smandabach]

When I apply this code, it definitely makes all the images the same size.  However, it makes the images slightly blurry.  Is there a fix so the images don't appear blurry but are all the same size?

[KetanKumar]

@smandabach 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[smandabach]

Thank you.  it is https://timber-hill-apparel.myshopify.com/