How to align images on product collections on Debut theme

Highlighted
New Member
7 0 0

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

0 Likes
Tourist
28 0 3

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

0 Likes
New Member
7 0 0

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

:) :) 

0 Likes
New Member
7 0 0

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

0 Likes