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

1 0 0





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)