Participant

Answered

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

Forum|Forum|1 year ago
December 21, 2024
4 replies
777 views

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!

This topic has been closed for replies.

Correct answer Peter Grainge

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

Community Expert

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.

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Peter Grainge

Community Expert

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.

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Peter Grainge

Community Expert

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.

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Peter Grainge

Correct answer

Community Expert

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.

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded