Resizing all product images to same size

[Sebas1221]

Hi im just wondering is it possible to resize all of the images of my products on the shop page using some code before I go at it using photoshop. Much appreciated

My website is rapro.ie and ill attach an image to show what I mean

[Savior]

Hello @Sebas1221 

Go to your code editor 'Assets > base.css' and paste the below code at the bottom of the file.

#ProductGridContainer .card-wrapper .card.card--standard.card--media .card__inner {
    --ratio-percent: 100% !important;
}

[Sebas1221]

unfortunately I did this and it did not work i have updated it on my website if you look now you will see they are still all different sizes

[Sebas1221]

[Savior]

@Sebas1221 

Please try the updated code

#ProductGridContainer .card-wrapper .card.card--standard.card--media .card__inner {
    --ratio-percent: 100% !important;
}

[Sebas1221]

Not sure what problem is I would like it to be like the first bottles

[Savior · Accepted solution]

@Sebas1221 

Add this too

#ProductGridContainer .card-wrapper .card.card--standard.card--media .card__inner .card__media .media img {
object-fit: contain !important;
}

[indyhome19]

Would this code also work for the Craft theme to make all images the same size on the collection pages?