Debut Theme: Collections List

rbelle
Tourist
31 0 14

Hi! 

Is there any way to make the images on debut's collections list in a ratio of 4:5 instead of square?

rbelle_0-1619023271443.png

This is a mockup of what I am trying to achieve:

rbelle_1-1619023418549.png

On hover, an overlay would show with the collection's title. I also want the collection's image to only show in this box, but not as the header in the collection's page. 

Greatly appreciate any help on this, thank you!

0 Likes
Zipacna
Tourist
10 1 3
.collection-grid-item { 
      aspect-ratio: 4/5;
 }

 

Add this!

rbelle
Tourist
31 0 14

Hi Zipacna,

Thank you so much, that worked great!

I've included an image picker in the schema settings, would you happen to know how I could include that in the HTML as well?

rbelle_0-1619055638293.png

 

0 Likes