Need Help with Aligning Product Titles of Varying Lengths- Vision theme

[jhghidossi]

Hello everyone,

I've been working on setting up my Shopify site and encountered a layout challenge. My product listings are not aligning consistently, primarily due to the varying lengths of product titles. When a product title spans two lines, it causes the product box to become taller compared to adjacent products with single-line titles. I'm trying to achieve a uniform look for all product boxes, regardless of the length of the title.

I understand that setting a minimum height for the product titles could potentially resolve this. However, I'm not entirely sure how to go about it or if there's a better approach. Can anyone guide me through the process or suggest alternative solutions? Any assistance or insights would be greatly appreciated!

Thank you in advance!

[Dan-From-Ryviu · Accepted solution]

Hi @jhghidossi 

You can set min-height for your product title by adding this code in your theme.liquid file in Online store > Themes > Edit code before </head> tag

<style>
.product-card .product-card-title { min-height: 45px; }
</style>

[Whiskyrose]

Hi Dan,

I have the same issue, but the above did not work.

After using the above :