Do you need to underline or justify text in WordPress?
WordPress used to have both justify and underline text buttons in the visual editor. However, they have been removed and are no longer available.
In this article, we will show you how to easily add underline and justify text buttons in WordPress.
Why Add Underline and Justify Text Buttons in WordPress?
Would you like to restore the missing underline and justify buttons when editing posts and pages on your WordPress website? These buttons were removed from the post editor in WordPress 4.7, but luckily there’s a way to bring them back.
However, there are a few reasons you should consider not underlining and justifying text on your website.
First, underlined text can look like links, and your users may become frustrated when what they think is a link doesn’t work. Also, justified text can make your content harder to read, especially on small screens.
With that being said, let’s take a look at how to add underline and justify text buttons in WordPress. We’ll show you how to do this for the block and classic editor. We’ll also show you how to underline and justify text using keyboard shortcuts, without the need for a button.
Method 1: Underlining and Justifying Text Using Keyboard Shortcuts
You don’t need a plugin or toolbar icons to underline or justify text in WordPress. Instead, you can simply use a keyboard shortcut.
To underline text, just select the text you want to underline in WordPress and press Ctrl+U on Windows or Command+U on Mac. That’s it. This keyboard shortcut will work with both the block and classic editor.
There’s another keyboard shortcut for justifying text. Simply select the text and press Shift+Alt+J in Windows or Command+Option+J on Mac and your text will be justified.
However, the keyboard combination for justifying text will only work with the classic editor. If you use the block editor, then you will not be able to justify text with a keyboard shortcut and should use the plugin method below.
Method 2: Adding Underline and Justify Text Buttons to the Block Editor
If you want to add underlining and justify text buttons in the block editor, then this method is for you.
First, you need to install and activate the Gutenberg Block Editor Toolkit – EditorsKit plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.
Upon activation, the plugin will automatically make underline, justify, and other formatting features available when using the WordPress block editor.
These additional icons can’t be added directly to the block editor’s toolbar, but you will find the extra options when clicking the ‘Displays more block tools’ down arrow on the toolbar.
To underline text, you should first select it using your mouse. Then click the ‘Displays more block tools’ down arrow and click on ‘Underline’ from the dropdown menu.
To justify a paragraph, first, make sure that your cursor is in that paragraph. Then click the ‘Displays more block tools’ down arrow and select ‘Justify’ from the dropdown menu.
Method 3: Adding Underline and Justify Text Buttons to the Classic Editor
If you are using the classic editor, then this method is for you.
Here, you must install and activate the Advanced Editor Tools plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.
Upon activation, navigate to the Settings » Advanced Editor Tools page from your WordPress admin sidebar. Next, you can click the ‘Classic Editor (TinyMCE)’ tab at the top of the page.
You will notice a preview of the WordPress classic editor. Below the preview, it will show you all the unused buttons.
Now you must drag and drop the underline and justify text buttons from the ‘Unused Buttons’ box to the post editor.
When you have finished, make sure you click the ‘Save Changes’ button at the top of the screen to store the new settings.
Now when you are creating or editing a WordPress blog post or page, the new formatting buttons will be available on the classic editor’s toolbar.
Bonus: Highlight Text in WordPress
Unlike justifying and underlining, you can highlight text in WordPress using the default settings. It is an easy way to emphasize important points in your content and directs user’s attention to details that you don’t want them to miss.
To highlight text, you must open the block editor and select the text that you want to highlight using your mouse. Then, click the ‘More’ icon in the block toolbar to open a dropdown menu from where you can select the ‘Highlight’ option.
Doing that will open a color picker on the screen where you have to switch to the ‘Background’ tab. You can then select a color to highlight text by clicking the ‘Custom’ option to launch an ‘Eyedropper’ tool.
Next, click the ‘Update’ or ‘Publish’ button to store your settings. Now, visit your website to view the highlighted text in action. For more information, see our tutorial on how to highlight text in WordPress.
We hope this tutorial helped you learn how to add underline and justify text buttons in WordPress. You may also want to see ur beginner’s guide on why WordPress is free or check out our list of must have plugins to grow your site.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
kzain says
I was wondering where the underline and justify buttons went in the new editor. The keyboard shortcuts are a great tip, especially for underlining. Thanks for sharing this alternative approach!
Dennis Muthomi says
In the BONUS section about highlighting text, you show how to choose a custom color from the color picker. I was wondering – is there any way to save that custom color I picked to show up by default in the future?
It would be useful to have my custom brand colors available there alongside the 5 default colors.
WPBeginner Support says
Not at the moment but if we find a method we would recommend we will be sure to share!
Admin
Jiří Vaněk says
Does text alignment using ‘justify’ have any impact on a website’s content ranking, for instance by Google? Or is it just that it might create unnatural gaps in the text for some people? I’m wondering if using ‘justify’ could affect content evaluation in any way. Personally, I don’t use justify, but sometimes website owners request it.
WPBeginner Support says
Using Justify should not affect your site’s rankings and it is used by some sites to prevent an unnatural look depending on the theme that the site uses.
Admin
The Venetian Box says
GREAT POST!!!! You helped me SO much, thank you!!!
WPBeginner Support says
You’re welcome, glad you like our content
Admin
Achraf NAJIH says
It worked. Thanks.
Crina Caba says
You answered my question… Thank you.
Darrin says
How to add justify without plugin ?
any idea ?
thanks
mourad says
Thank you so much for the help
Reinette says
Thank you so much! TinyMCE is a super little plugin and I love what it’s done for my text editor.
Again, thank you!
Robert Lindquist says
Thank you very much!!
Ajay says
Thank You So much
Darren says
Thanks for this! It has been driving me crazy!
Gibran Dimasagung says
Thanks bro
Sally Eilers says
….signalling the demise of WordPress.
James says
This doesn’t work on my blog. When I click plugins I go to ‘Jetpack by WordPress.com’ and there is nothing there similar to what you are talking about!!!!
Aayush Bhaskar says
You must be going to Site Dashboard instead of going to Network Admin Area. Click on the Home Icon and Select Network Admin>plugins. There will be Add new, Network Activate etc options available.
chandrashekhar says
Thank man ! it was of great help
Sampath S says
Alternately, you can just use keyboard shortcuts:
Justify alignment – Alt +Shift +J
Underline – Ctrl+U
David says
Thank you. This is a simple solution. I don’t need more plugins on my site.
Leslie says
Thank you so much for this simple solution! No need to mess with plugins!!!
Dipo Putra says
Question is, Why they remove it?
HARISH NEGI says
Thank You very much. Solved my Problem.
Joey Bangun says
Thanks so much!
from Indonesia
Praboda Madushan says
Thank you very much!
Sharyn Wise says
You are an amazing WONDERFUL stupendously great FANTASTIC person!
I have just discovered these had gone missing!
THANK YOU!
David says
A very handy and helpful little tip… Thank you!
Sarah says
Don’t really need a plugin for that. In Mac Ctrl+Alt+J and text justified,
But why wordpress decided to remove the icon from the menu ?
nadia says
Thank you so much! I added the Re-add Text Underline and Justify plugin and it worked perfectly.
WPBeginner Support says
Hi nadia,
Glad you found it helpful
Don’t forget to follow us on Facebook for more WordPress tips and tutorials.
Admin
A says
For me, this helped:
Select the text you wish to justify (ctrl+A)
Press Shift+Alt+J
And wordpress then justifies the text!
Amrit Singh says
You’re the real mvp. thanks for the trick
Aldo Retana says
This was more useful, thanks!
Richmond says
Yes!, You are the real MVP. Awesome
Thomas says
Why did they remove the option to justify or underline text anyway? Was it causing issues somewhere along the line?
Harpreet Kumar says
Realy an awesome article
louis says
Good! It’s interesting.
Under certain conditions, this may be useful!
On the other hand, I think the underlining should be avoided in all web documents except for creating hyperlinks. This can sometimes cause confusion given the hyperlinks. As for the justification function of the text, this very often gives unexpected results.
It is not for nothing that these two options have been eliminated. Use with parsimony in VERY rare conditions.
Sorry about my poor english.