How to ensure all text shows in the container and is not cut off

Priyanka145
Tera Contributor

‎10-31-2023 03:23 AM

Hi,

 

I am having a category with nearly 10 catalog items.

Few of which are with long names and they are not displaying completely in the container boxes

How to update the text size on catalog widget when in container mode(not in list view) or how to make the container larger so that it holds the text size.

 

Please help

0 Helpfuls
  • 676 Views
3 REPLIES 3

Aniket Bhanse
Tera Guru

‎10-31-2023 03:54 AM

@Priyanka145 

 

Can you share the screenshot where exactly you are looking for?

 

Thanks!

0 Helpfuls

Priyanka145
Tera Contributor
In response to Aniket Bhanse

‎10-31-2023 04:02 AM

Hi @Aniket Bhanse 

Priyanka145_0-1698750081791.png

Please refer the screenshot, the name of catalog item is not displayed fully. After the word Transfer, there is some 2 more words which is not displaying.

I want that text also to display.

0 Helpfuls

Aniket Bhanse
Tera Guru
In response to Priyanka145

‎10-31-2023 04:32 AM

Do it this way:

 

1.Clone that Widget

2. Add below piece of code in the "CSS " part, in the cloned widget

.text-overflow-ellipsis {
white-space: inherit;
overflow: hidden;
text-overflow: ellipsis;
}

 

3.use cloned Widget in that page

 

Let me know if this works and mark helpful or Accept Solution as per the impact

0 Helpfuls