I need help with truncate

Hello! I’m currently working on a blog page with a CMS collection, and I want the text to have ellipsis. I tried following the post I’ve also seen here in the forum, but it won’t seem to work with mine.


(BLOGS TAB)
Here is my site Read-Only: Webflow - Test_DC Party | Simplify your life

Thank you so much! This worked well.

1 Like

I found this works - not sure on collections

.text-ellipsis–3 {
text-overflow:ellipsis;
overflow:hidden;
/* Addition lines for 3 line or multiline ellipsis */
display: -webkit-box !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
white-space: normal;
}

Must be wrapped in tags

Just add that class to anything you want truncated. You have to add a custom code box to each page if you want to see it work in the designer. You can change it to how ever many lines you want.

1 Like

Try this out - just copy+paste the script from this page and then add one attribute to the CMS text you’re trying to truncate, and you’re good to go!