Hi guys.
Is there a way to underline text but slightly lower beneath the relevant text please?
You can add the link inside a group, add a 2px bottom border with to the group, for example.
If you need the underline to appear only on hover:
Add condition, when this group is hovered: border color bottom - add color.
Using only the underline option, I believe there is no option to change the spacing.
Thanks for your suggestion Gloria.
The only problem with that is the border would apply to the whole of the text within the group, rather than just the words that I want the hyperlink to apply to.
You can place only the text you want to hyperlink inside the group, but this would be a makeshift fix to get around this bubble design limitation. 
Thanks Gloria, yes this is what I’ve done. Then I joined the text with the other text using a row container.
Only problem is it creates a responsive problem. But I can collapse the group and make it invisible at different page widths I suppose.
1 Like
Could use a html element instead of a text element and use this, can adjust the spacing as you need, this doesn’t apply to hover.
<p>The dog is <span style="text-decoration: underline; text-underline-offset: 10px;">large</span></p>
1 Like
That’s great - thanks very much - I’ll try it!
1 Like
This topic was automatically closed after 70 days. New replies are no longer allowed.