product card border fixed position

[PictureMyGift]

hi, can anyone help with the border on my product card.

products with a longer title make the border bigger than the products with shorter titles.

I want to set a fixed size for the border, I don't want to truncate the titles.

www.printedpenguin.co.uk

[zack_dev]

a.card-title.link-underline.card-title-ellipsis {
    min-height: 52px;
}

you can add this css to customizer it will make title default 2 lines height.

[PictureMyGift]

this didn't work unfortunately

[BSSCommerce-HDL]

Hi @PictureMyGift ,

You can follow these steps:

- Go to Online Store -> Themes -> Edit

- Fine file component-card.css and paste the code below to end of file -> Save

.product-item .card-information .card-title .text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}

 Hope this help!

[PictureMyGift]

Hi, this has only shortened the titles, I would like the titles full but the border to be a fixed size (bigger)