[DAWN theme] Change the collection list image on the Home page fit to square

MONDHAUS
Visitor
1 0 0

shopify-edit-code.jpg

 

Hi,

 

I'm trying to make the 'Curated Collections' section on my Home page look the same as the 'Top Favorites' section. 

 

For 'Top Favorites', I used the 'Featured collection block' and set the image ratio to 'Square'. For 'Curated Collections', I used the 'Collection list block' and also set the image ratio to 'Square'. However, I had to add some code to fit four collections in one row, and this caused the image ratio to become inconsistent.

 

@media screen and (min-width: 750px) {
.collection-list--4-items .grid__item {
width: calc(24% - var(--grid-desktop-horizontal-spacing) / 2) !important;
}
}

 

 

I don't want to edit the original listing images, so I'm looking for a way to force the images to fit a square ratio. Could you please advise me on how to do this?

 

Thank you.

Replies 0 (0)