How to resize product images in collections?

[Kylara]

Hi!

I would like to have all of my pictures in the collections the same sizes. 

I looked around and tried different codes that I found but nothing worked. I am using Debutify old version. The website: Kylara.com

I inserted the codes into Assets/Theme.scss.liquid

I think the codes would work if I would just figure out which section name I would need to put there. I used inspect to figure it out but no luck. 

Thanks in advance.

.image-wrap { padding-bottom: 100%; }

---

.halo-collection-content .productListing .card-media img { height: 300px; } .halo-collection-content .productListing .card-media{ padding-bottom: 100% !important; }

---

span.snize-thumbnail img { height: 44vh; }


---

.grid-product__image-mask .image-wrap { padding-bottom: 100% !important; }

[niraj_patel]

Hello @Kylara 
your product image sizes are different different you have to use same size of image then it will work perfect.

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[JohnTyler]

Please let me know if the page design of this website requires any improvements.

[Kylara]

No but on my other store for a paid version of a theme there every picture is the same without me needing to manually crop every picture to the perfect size. There has to be a code of some sort to complete this.