Show full product name in Shop (Changing "truncate" didn't work)

[Delizie Raggi 1920]

Hi everyone, 

i have an issue that i can't solve. 

The thing is simple: i want the products name to be shown entirely in the Shop page or at least in 2 lines. I tried to change the truncate value already, increasing it and even deleting it eventually, but nothing worked. I did that in product.tpl and product-listgrid.tpl as well, just to be sure, but still the same problem. I also forced compile, without cache etc.

This is my website shop page: https://delizieraggi1920.it/4-shop

As you can see if the product name is too long it just truncates automatically with "..." . 

Having 2 lines in the product name, for example, would be awesome. I hope you can help me and if you need any other information just ask of course. Thanks in advance for everyone that will try to help!

Lorenzo

Edited October 3, 2021 by Delizie Raggi 1920 (see edit history)

[endriu107]

You have text-overflow: ellipsis; thats why there is 3 dots.

[Delizie Raggi 1920]

23 hours ago, endriu107 said:

You have text-overflow: ellipsis; thats why there is 3 dots.

Hi Endriu, thank you very much for the answer. I found This in the Theme/assets/css/theme.css:

 

.products .product-title {
  text-transform: capitalize;
  display: block;
  margin-bottom: 5px;
  color: #888888;
  font-weight: 500;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

 

I changed the text-overflow in clip and the white-space in normal and it worked!

Edited October 4, 2021 by Delizie Raggi 1920
i found a little improvement (see edit history)