WordPress Justify Text and Underline? Is it still possible if these buttons are not featured anymore?
Yes! As you know the Justify und Underline buttons are gone in WordPress 4.7 “Vaughan”, what now? Don’t worry, you can still justify and underline text in WordPress 4.7 with the following simple tutorial.
Those two buttons were used to be next to “Paragraph” drop down button in the text editor.
Even if the buttons are gone, the functionality is still there, although it is often overlooked, because I also personally seldom using those underline style, and almost “never” used the “justify” button.
Functionality of WordPress Justify Text und Underline Are Still There
There must be reasons why these buttons are removed, a few comments in WordPress track seem to make sense, that underlined text appear to be “a link” even if it is not a link.
So when people visit your website and see an underline text, many of them will assume them to links. Additionally, the accessibilities of a website is an important consideration.
Now, if you really need to justify and underline your text, even the buttons are not there, you can still do with these following keyboard shortcuts.
While you are on “Visual” tab, for Mac Users;
To justify: Select your text, and press CTRL + ALT (Options) + j keys.
To underline: Select your text, and press CMD + U.
For Windows Users;
To justify: Select your text, and press ALT + SHIFT + j keys.
To underline: Select your text, and press CTRL + U.
You can see lists of useful Keyboard Shortcuts in your text editor where the “Question” marks located, or in Keyboard Shortcuts Codex. You have to toggle the “Toolbar Toggle” icon on the right which was known as “Kitchen Sink” to see this “Keyboard Shortcuts” button.
In reverse, you can undo justifying and underlining by repeating the step.
How To Make Sure The Texts are Not Justified or Underlined?
Now, since the buttons are gone, if you are on “Visual” tab, it is hard to see whether the texts or a paragraph being justified.
When the buttons were there, for example, for a bold styled text, you will see the “B” for “Bold” button is activated when you select the text.
When you want to check, you can go to the “Text” tab on your post editor. Here, whenever you select HTML tools on your post editor, you will see generated HTML or CSS style for the specific buttons.
At this point, when you use the shortcuts above to justify left and right your texts, you will see the CSS block text in your HTML or Text editor. You will see something like text align justify style text like so.
<p style=”text-align: justify;”> Your texts here </p>
Same with the underlined text or words
<span style=”text-decoration: underline;”>Your text here</span>
Therefore if you want to remove those styles, you can click on “Text” tab, and cleaning up from there. In the video I gave an example how to delete the Justify style, so whenever you want to delete an element, you will want to look for the end of the element too. Usually the end of element has same letters and angle brackets, but with “forward slash”.
Example, beginning of <p> will end with </p>. Beginning of <a> will end with </a>, etc.
That’s how I would justify and underline my texts in WordPress 4.7.
Too Techie? Use a Plugin
There is a plugin which is called, “Re-add text underline and justify”. You can search this on your “Plugins” → “Add New” or directly download from the repository.
Once you activate it, you will find it by clicking on “Settings” on your admin page and then → “Editor Style” – it has 3 options.
1. Default – without underline & justify buttons. You use the default WP 4.7 post editor.
2. Re-add underline & justify buttons. You will see the older version of the post editor.
3. Re-add underline & justify + rearrange. The locations of the buttons will be added and arranged.
That’s it. Now, I have tried both methods. While using the plugin is easier and quicker, should we install plugins every time we want a new functionality?
So which method do you choose to solve this WordPress Justify Text and Underline buttons missing thing?