Why in custom collection pages the images are missaligned?

Solved
CluelessA
Excursionist
21 0 5

Please, in the regular collections page all the images are nice and aligned no matter the length of the title:

https://www.abysm-internal.com/collections

On a custom collection list page, the images are moved up and down depending on the length of the title, looks ugly, please how do I fix it?

https://www.abysm-internal.com/pages/collections-by-style

Theme: Venture

Thank you for any advice

BTW: For anyone reading this and already thinking on doing the following: please don't freaking send me irrelevant messages and badly written pitches to my website's contact form, it's spam, it's annoying, and I won't respond.

Accepted Solution (1)
made4Uo
Shopify Partner
3284 620 939

This is an accepted solution.

@CluelessA 

Hi, 

Try this

1. In your online store,
2. Choose the theme you want to edit. I recommend duplicating your theme before editing it so you have a theme to go back to if you don't like the changes.
3. Click Actions, the Edit code.
4. Find the Asset folder, and open the theme.scss. Then paste the code at the very bottom

#MainContent > div > div.grid.grid--no-gutters.grid--uniform.collection > div > a > div.featured-card__header{

height: 155px !important;

}

Let me know if it works

We are volunteering to help    |      Likes and Accept as Solution  will be much appreciated.✌
Having trouble?  Hire us! For fast reply, shoot us a message using chat at Made4Uo.com

Check how to sell everywhere with Shopify POS. Keep your stuffs private. Refrain from giving unnecessary access to your store.

View solution in original post

Replies 2 (2)
made4Uo
Shopify Partner
3284 620 939

This is an accepted solution.

@CluelessA 

Hi, 

Try this

1. In your online store,
2. Choose the theme you want to edit. I recommend duplicating your theme before editing it so you have a theme to go back to if you don't like the changes.
3. Click Actions, the Edit code.
4. Find the Asset folder, and open the theme.scss. Then paste the code at the very bottom

#MainContent > div > div.grid.grid--no-gutters.grid--uniform.collection > div > a > div.featured-card__header{

height: 155px !important;

}

Let me know if it works

We are volunteering to help    |      Likes and Accept as Solution  will be much appreciated.✌
Having trouble?  Hire us! For fast reply, shoot us a message using chat at Made4Uo.com

Check how to sell everywhere with Shopify POS. Keep your stuffs private. Refrain from giving unnecessary access to your store.
CluelessA
Excursionist
21 0 5

Wow, it worked! You are a pro!!!

I've been learning many edits but this was beyond me.

Thank you so much!!!!