FROM CACHE - en_header

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)

Accepted Solutions
made4Uo
Shopify Partner
2590 477 720

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

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.

View solution in original post

Replies 2 (2)
made4Uo
Shopify Partner
2590 477 720

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

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
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!!!!