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

Priyanka145
Tera Contributor

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

3 REPLIES 3

Aniket Bhanse
Tera Guru

@Priyanka145 

 

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

 

Thanks!

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.

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