Streaming live at 10am (PST)

Overflow in a Paragraph


#1

For overflow in a textbox, I know we have the scroll option and the “cutoff” option. However, we would like it to show the ellipsis (…) where it cuts off due to the size of the block. I am assuming this is something we will need code for. Does anyone know how to do this? Thanks!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

Place a custom code component anywhere in the page, or use the custom code box at site level (use the Head one) and put this code:

<style>
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
}
</style>

Now add the truncate class to any element and you’ll get an ellipsis for the overflow.

Be aware that you’ll see the results in the designer only if you use the custom code component method, rather than the box at page or site level. If you have a navbar that is a symbol on all page, you can place your custom code inside of it for conveniency, as it will get all benefits (seeing the results inside of the designer and impact all possible pages)


#3

That worked. Thank you!!