How can I make all collection images the same size on the Impact theme (Collection list page)?

Store Design
,
1

I’m using the Impact theme and I’m trying to make all collection images on my Collection list page (/collections) display with the same aspect ratio/height.

Right now, most of my collection images have different proportions (some very tall, some more square, some “zoomed out”), so the grid looks uneven.Is there a hidden setting or recommended way in Impact to standardize collection image size on the Collection list page?

2

You can try to add this code to Custom CSS in theme settings to check

.collection-list .collection-card,
.collection-list .collection-card .content-over-media {
  height: 100%;
}
3

@cuirFR can set height and width to the same size, but it can squeeze the bigger images or stretch smaller ones

4

voovv. it works. thank you.