This code limits the amount of text shown in a preview, and ends the text with an ellipsis.
Add this code to the <head> section of your page or site settings.
<style>
.text-class {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* number of lines to show */
line-clamp: 3;
-webkit-box-orient: vertical;
}
</style>
Change the class name to the name that you're using for the text you want to limit.
I've worked with countless businesses around the world. Maybe you'll be next.