wpvidZ

Learn WordPress With Video Tutorials

  • Blog
  • Browse
    • Backup & Restore
    • WordPress Localhost
    • WordPress Hosting
    • WordPress themes
    • Version Updates
    • Plugin Tips
    • Security
    • Tutorials
    • WordPress SEO
    • WP Miscellaneous
    • Sitemap
  • WP 5+ Tutorial
  • Search
wpvidZ Blog Version Updates WordPress 4.7 Justify Text and Underline
The paragraph is justified and lorem ipsum words are underlined

Version Updates

WordPress 4.7 Justify Text and Underline

Last updated on February 23, 2017
Posted on January 13, 2017

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.

These Justify and Underline buttons are missing in WP 4.7
These two buttons are missing in WP 4.7

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.

Some people say, “underline” style should be only for links. Thoughts?

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.

  • Is my site loading fast? I use this shared hosting
  • Try my theme >

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.

The paragraph is justified and lorem ipsum words are underlined
Justified paragraph and underlined Lorem Ipsum

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.

You have to be on Visual Tab, click Toolbar Toggle button to see Keyboard Shortcuts buttons
Visual – Toolbar Toggle – Keyboard Shortcuts

In reverse, you can undo justifying and underlining by repeating the step.

How To Create WordPress Child Theme Manually or With Plugin

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.

The "Text" tab shows you the HTML post codes
The “Text” tab shows you the HTML post codes

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.

Re-add underline & justify buttons
Re-add underline & justify buttons

3. Re-add underline & justify + rearrange. The locations of the buttons will be added and arranged.

Re-add underline & justify + rearrange
Re-add underline & justify + rearrange

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?

4.7 justify underline wp 4.7

Latest Posts

  • Twenty Nineteen Theme Full Tutorial – Creating a Website
  • Uninstall W3 Total Cache Plugin – Incredibly Easy!
  • Create WordPress Website 2018 on SiteGround Genesis
  • WordPress Noopener Noreferrer Rel Attribute Quick Fix
  • WordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • Twenty Seventeen One Page Parallax Scrolling Website Style
  • How To Add Google Map in WordPress Contact Page
  • WordPress 4.7 Justify Text and Underline
  • Twenty Seventeen Footer “Proudly Powered By WordPress” Text
  • How To Add YouTube Subscribe Button To WordPress Website
← WordPress 4.7 “Vaughan” New Features
→ WordPress Noopener Noreferrer Rel Attribute Quick Fix

Comment form on this post is closed after 60 days.

Search

Worth Reading

  • Rel Noopener NoreferrerWordPress Noopener Noreferrer Rel Attribute Quick Fix
  • Twenty Seventeen ThemeWordPress 4.7 "Vaughan" New Features
  • 7 WordPress 4.1 New Features
  • Exploring WordPress 4.1 Beta 1 Development Version
  • Installing and Exploring WordPress 4.0 New Features
  • Theme Customizer Feature in WordPress 3.4 Beta 1
  • Embedding Videos without Plugins Hidden Feature of WP?
  • WordPress 3.4 and Twenty Twelve Theme
  • WordPress 3.3 Sonny - "Welcome To WordPress 3.3"
  • New Icons seen on WordPress 3.3 RC 1

Backup & Restore

Backup WordPress Without a Plugin or FTP

Export WordPress Database using phpMyAdmin

BigDump Alternative – When BigDump Failed Importing Large WP Database

At This Place The Current Query Includes More Than 300 Dump Lines

View All..

Live Online Website

View All..

Offline Installation

How to Upload WordPress localhost to live server manually

Steps to Install WordPress on Windows 8 and WAMP 2.4

Install WordPress on Mavericks OS X 2014

Maximum upload file size in WAMP WordPress

View All..


WPvidz Hosting Image

  • About Me
  • Contact
  • Affiliate Disclosure
  • Privacy Policy
  • Term of Use

Copyright© 2023 wpvidz.com SG2021 | sitemap.xml


WPvidz.com is independent from WordPress.org but is proudly powered by WordPress & its block-based editor (Gutenberg)

WpvidZ.com uses cookies" to give you the best browsing experience possible. If you click "I Accept" below then you are consenting to this. For more information about your privacy settings on this website, please visit the Privacy Policy page. I Accept