Why in custom collection pages the images are missaligned?

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.

@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

1 Like

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

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

Thank you so much!!!

1 Like