Dawn Theme - How to truncate product titles in css

Store Design
1

Hello everyone

Does someone could help me truncate product titles in css

Greetings

Jarek

2

@Jaroslaw_Kulacz

can you try this code

{{ product.title | truncate: 10 }}
3

Where i should put this code ?

4

@Jaroslaw_Kulacz

  1. Goto line 485 of your style.css and add this to the class .generated-height .product-grid-item
   height: 147px;
   overflow: hidden;
  1. Goto line 523 in Style.css and add this to the class .product-information:
.product-information {
    line-height: 27px;
}

try out this, or you have to find the {{ product.title }} and replace with this code.{{ product.title | truncate: 10 }}