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.
.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.