product card border fixed position

Store Design
1

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

1.jpg
1.jpg1199×519 67.1 KB

2 
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.

3

this didn’t work unfortunately

4

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!

5

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