Truncating not working

Design help Custom code
1

Hello,

I’m not a developer at all and I am trying to truncate a breadcrumb I created but can’t figure it out.

Here is what I have in the breadcrumb (custom embed):

Capture
Capture805×134 6.65 KB

And here is the code in my custom embed for styling:

<style>
.truncate {
  white-space: nowrap;
  text-overflow: ellipsis;
}
</style>

It works fine on the tag fields:

Capture
Capture771×136 7.55 KB

I would appreciate the help. :slight_smile:
Thank you !

Read-only link

2

Just add this class and style.

<p class="truncate" style="width:100%;overflow:hidden;">

1
11043×197 13.5 KB

image
image1170×480 49.3 KB

1 Like
3

Awesome, as simple as that! Thank you!

4

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.