d
Topic
chloewb Member
Posts:
7
5 days ago

How to align images on product collections on Debut theme

I want to align all of the products on my collection pages to sit at the same height, so the product titles are all sitting next to each other and they sit in a straight line.

I know the issue is that the images are different sizes, but I've read I can create a max-height for the images so that they align but I can't firgure out how/where to add this on the Debut theme.

Someone from shopify advised me to use 

thumbnail { height: 500px; }

 

or

@media only screen and (max-width: 767px) { .thumbnail { height: 500px; } }

but neither of these are working. 

 

Are there any other solutions?

 

Many thanks

i
Replies
BirdieGolden Member
Posts:
20
5 days ago

What is your website URL? I'll take a look for you :) 

chloewb Member
Posts:
7
5 days ago

Hi, thank you so much, it's https://ftcswd.myshopify.com/ and the password is nuitsi. 

:) :) 

chloewb Member
Posts:
7
5 days ago

You can see what I mean on the 'FTC' collection page, the first few images are all not aligned.