How to Underline Text in WordPress: A Step-by-Step Guide

Enhancing your WordPress content with underlined text can make important information stand out and improve overall readability. If you’re wondering "How do I underline text in WordPress?", this guide will show you several effective methods.

Underlining Text in the Classic Editor

For those using the Classic Editor, underlining text is simple:

Highlight the text you want to underline.

Click the ‘Underline’ button in the toolbar (represented by a ‘U’ with an underline).

If the underline option is not visible, use the shortcut Ctrl + U (Windows) or Cmd + U (Mac).

Underlining Text in the Gutenberg Editor

Gutenberg doesn’t have a direct underline button, but you can still underline text using HTML:

Highlight the text you want to underline.

Click the three dots for more options and select ‘Edit as HTML’.

Wrap the text with <u></u> tags, like this: <u>Your text here</u>.

Using CSS to Underline Text

For more customization, CSS is a powerful tool for underlining text:

Go to Appearance > Customize in your WordPress dashboard.

Select ‘Additional CSS’.

Add the following CSS code:

.custom-underline {

text-decoration: underline;

}

Save your changes.

In the post or page editor, switch to HTML view and add the class to your text: <span class="custom-underline">Your text here</span>.

This approach allows for consistent underlining across your site using the custom-underline class.

Using Plugins to Underline Text

Plugins like "TinyMCE Advanced" can add more formatting options, including underlining:

Install and activate the TinyMCE Advanced plugin.

Go to Settings > TinyMCE Advanced and add the underline button to your toolbar.

Highlight your text in the editor and click the underline button.

Conclusion

There are multiple ways to underline text in WordPress, tailored to different editors and user preferences. Whether using the Classic Editor, Gutenberg Editor, CSS, or a plugin, these methods will help you underline text effectively. For more detailed instructions, visit How to Underline in WordPress.