how to format the underline (text decoration) effect so that it is thicker than the default thinness

[dlazenby]

Should be simple; can do it in MS Word. I am trying to make the thickness of the "underline" effect greater (e.g., in word, by selecting the underline icon in the font section, you can choose thin or thick, dotted, etc.). I would think that just like "bolding" a selected word makes the letter characters more prominent, you should be able to make the underline effect more prominent.

Thanks!

[Peter Grainge · Accepted solution]

The code behind Word is only used by Microsoft so they can do whatever they like. HTML is used in by many programs and therefore has to adhere to standards. That said, there is a solution. Add a span class to your CSS.

span.thick {
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-thickness: 5px;
}

Instead of  selecting the text and then clicking the underline icon, select the text and go to the Styles pod where you will find the span.thick style. Here I have made the thickness extreme to illustrate how it works. You could create more than one style to vary the thickness if you need to.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[Peter Grainge]

There's a lot of information here about underlining.

https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-thickness

Also try ChatGPT for problems like this.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[Peter Grainge]

BTW. I have assumed you are using a New UI version of RoboHelp. You haven't said which version of RoboHelp you are using. It should work in older versions but I haven't checked there.

Please always start a thread with this information. You can find it in Help > About, include the full version number.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[Peter Grainge]

Add this line to push the underlining away from the text. You can express the measurements in other units such as points (pt).

text-underline-offset: 4px;

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.