Make the titles more similar

Store Design
1

Hello, I would like to make my product titles on the homepage and collections page more similar to this website:

https://www.hlfprodukte.com/

if you look at their titles, if they are too long, they disappear, while mine are fully displayed.

My store link: https://herbalshoprodukte.com/

2

Hello @alesav2 ,

Go to online store > edit code > search base.css file and add this code in the end.

.product-form__quantity .form__label, .product-card-wrapper .card__heading {
   
    font-size: 13px;
  
}

Thanks!

3

I Can’t find search base.css, is there anything else?

4

If you can’t find base.css, then open your theme.css file and add this code at the end.

5

Hi @alesav2 ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

Result:

websensepro_0-1749045139240.png
websensepro_0-1749045139240.png1169×542 162 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! :rocket: (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

6

@alesav2
Code is working fine?

7

@alesav2 Hello, I’m Jacob.

You shuld this css code on the your project. base.css

.card .card_content {
    display: flex;
   flex-direction: column;
}

.card .card__information .card__heading.h5 a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

I hope it’s working well on your-end.
Regards