Changing the text decoration style

Forum|Forum|7 months ago
June 2, 2025
2 replies
350 views

Hi

I'm trying to style text that triggers popups differently to text that triggers links (a dotted underline rather than the standard solid underline). The RH styles UI doesn't appear to give this option, so I've tried adding the following to the code:

<a href="myfile.htm"><span style="text-decoration-style: dotted;">Users</span></a>

Alas, the <a> style unexpectedly overrides the embedded <span> and the underline remains as a solid line.

Have I flubbed the coding ? Is this a deficiency in RH? Are there other tricks you can share?

TIA

Geoffrey

Correct answer David Kinyon

I was able to put it into the CSS as follows:

a.dotted {

text-decoration-style: dotted;

}

And then in the source, it looks like:

<a class="dotted" href="myfile.htm">Users</a>

Using this method, you can apply it without needing to edit the XML source:

Create your link the normal way.
Select the linked text.
In Content Properties > Attributes > Class, type dotted.

D

David Kinyon

Inspiring

Try this instead, it works for me (RH 2022.6.34, output tested in Chrome & Firefox):

<a href="myfile.htm" style="text-decoration-style: dotted;">Users</a>

I did not test putting this into the CSS, that would certainly be preferred, although given that it doesn't work in a span I wonder if it would work in a class.