Why in custom collection pages the images are missaligned?

Solved
CluelessA
Excursionist
22 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
3756 709 1080

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

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!

View solution in original post

Replies 2 (2)
made4Uo
Shopify Partner
3756 709 1080

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

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
CluelessA
Excursionist
22 0 5

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

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

Thank you so much!!!!