Debut - Collection Grid - Fixed Product Image Height/Vertically Align Product Title

[Sharron2]

I'm sure I'm not the first to ask, but I'll be darned if I can find this answer.

The Debut theme displays the product image cards with the product title at variable heights (depending on the image) which LooKS reALly wOnKy.

How can I fix the product image height so that the product titles will be vertically aligned like nice.. little.. ducks.. in.. a.. row...?

[oscprofessional]

Hi,
Please share your store URL , So I will give you proper solution here !

[KetanKumar]

Hello, @Sharron2 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[Sharron2]

xxxxx

[KetanKumar · Accepted solution]

@Sharron2 

Thanks for store URL

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css.liquid->paste below code at the bottom of the file.

.product-card__image-with-placeholder-wrapper {height: 280px;}
.grid-view-item__image-wrapper {max-width: 100% !important;}
.grid-view-item__image-wrapper div {padding-top: 100% !important;}
.grid-view-item__image-wrapper .grid-view-item__image {max-width: 100% !important; max-height: 100% !important; object-fit: contain;}

[Sharron2]

@KetanKumar Well, you just made my day. That works perfectly! Thank you so much; I'll reach out by email if we have any other tweaks we need.

[KetanKumar]

@Sharron2 

Thanks for update and support.