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: https://preview.webflow.com/preview/dc-party?utm_medium=preview_link&utm_source=designer&utm_content=dc-party&preview=0efbeb164e421079f3ba0f80e8743a5f&pageId=5e13f041775c49a74319b19a&mode=preview

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.