How to Justify Text on WordPress

How to Justify Text on WordPress

Last modified: April 20, 2022

FAQ
Cloudways

Text is one of the most important elements of any WordPress website. Although 80% of audiences would prefer to see video on a website, the text is still what sells, what ranks your website, and is important for the look of your website. Learning how to justify text on WordPress is a basic skill that you need to learn.

Show More

* This button will show the rest of the post and open up an offer from a vendor

Why Justify Text on WordPress?

There are numerous reasons why you might want to justify text on WordPress. The first is that you want to create a look that is matching your branding or the style of the website. Sometimes, you want to right-align text on a section of the website because it will look neater.

But justification means that the lines on the website page are all the same length and this can look rather neat in many cases. It is uniform and can create excellent style across all devices.

Looking to Justify Across all of the Website?

The first thing that you need to look at is whether you’re looking to justify the text across all the website or are you looking to justify just a section. If you’re looking to justify an entire website then you need to add some custom CSS to your website.

You can do this by entering your WordPress website and then clicking on the ‘Customize’ option in the top corner. Somewhere in the left-hand menu, there will be an option for ‘Custom CSS’. This is in a different place on many different themes. Those like Soledad will often have them at the bottom, however, others have them embedded in other options.

Within the Custom CSS area, enter in the following code:

div {
  text-align: justify;
 }

And then click on save.

Looking to Justify Different Elements

If you’re looking to justify different elements of the text, like headers and paragraphs, then you can use this kind of code to make that work within the custom CSS area.

h1 {
 text-align: justify;
 }
 
 h2 {
  text-align: left;
 }
 
 h3 {
  text-align: justify;
 }

And if you’re looking for text for only a certain page or area of your website to be justified there is another option. This is when you can highlight the text within the page or post edit screen and then click on the ‘Justify’ button that is located on the toolbar at the top of the page.

However, this does make the website look like it has been pieced together badly. Therefore, it is always recommended that you have the same style throughout your website. If you want to justify your text on one page, then it should be done across them all.

Final Word: How to Justify Text on WordPress

Did you want to know how to justify text on WordPress? Above is the simple process to justify sections, all the text or certain elements of text on a WordPress website. The process is not hard and shouldn’t cause errors on your website. But always make sure that you backup your website before you make any major changes to the design.

Recap:
Save 4 Later
Email liked links to yourself