+1
Hi all,
I was wondering if there is a way to truncate text pulled using a variable.
I’m currently feeding content from a website using rss.app into a klaviyo template. I’m using the following variable to grab text;
Added this to the source code from a text box in Klaviyo.
<div>Description: {{ item.description }}</div>
Sometimes the description is very long and I would like to truncate to about 200 words. Is this possible?
Best answer by GrantDeken
View original
+1
I found the solution. I’m using the following;
div.wrapper {
overflow: hidden;
width: 540px;
height: 200px;
}
Then
<div class="wrapper">Description: {{ item.description }}</div>
+3
text-overflow: ellipsis;
white-space: nowrap;text-overflow: ellipsis;
white-space: nowrap;Thank you,
This is currently working in Gmail and Outlook on Mac, Outlook on mobile, except Outlook on Desktop. Any idea how I can force this to work no matter what email client a user is using?
+3
The older way of doing it is using the ::after psuedoselector. This might be better supported but you’ll have to play around with it.
Something like...
.container::after {
content: “...”;
}Let me know what you find with Outlook, I’m curious.
G
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.