How can I achieve uniform grid heights in Debut?

Store Design
,
1

https://bkmotoparts.com/

As you can see the collection grid heights are not uniformed due to the different products title length.

I had searched for similar thread and tried the solutions without any lucks.

Please help us take a look

Thank you in advance

2

Hi [email removed]Bkparts,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.scss or theme.scss.liquid

Step 3: Paste the below code at bottom of the file → Save

.home_product_slider1 .product-card__title{
min-height:135px !important
}

PageFlyVictor_0-1680743124105.png
PageFlyVictor_0-1680743124105.png2792×1366 413 KB

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

3

Hello @bkparts

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.home_product_slider1 .product-card__title {
    min-height: 131px !important;
}
4

Works Like a charm!!!

Thank you very much

5

Hi,

For some reason the grid lines started to become un-uniformed again.

The code is still there in the theme.css file but it doesn’t work anymore.

Please help us take a look