How can I fix inconsistent collection window sizing on my site?

Store Design
1

Hi All,

Different Lengths of text and image sizes are making my collection window look dreadful.

https://intelevi.com.au/pages/home-electric-vehicle-charging-solutions-ev-chargers

Ianc929_0-1656658845128.png
Ianc929_0-1656658845128.png1152×793 163 KB

I did try to change the image size from inside Shopify however didn’t have much success.

Any help would be much appreciated.

Thanks

Ian

2

Add Below CSS

.product-card__image-with-placeholder-wrapper {
    height: 270px;
    width: auto;
}

Hit Like and Accept as Solution

3

Sorry where exactly do a place this code?

4

Add this to theme.css file

5

That code messed up a different page and now i cant remember the original code

Ianc929_0-1656662690583.png
Ianc929_0-1656662690583.png1368×510 181 KB

https://intelevi.com.au/collections/home-electric-vehicle-charging-stations

6

Remove the below code from theme.css file

.product-card__image-with-placeholder-wrapper { height: 270px; width: auto; }