How to Indent Paragraphs in WordPress – 3 Methods Explained

  • Home
  • Wordpress
  • How to Indent Paragraphs in WordPress – 3 Methods Explained
How to Indent Paragraphs in WordPress

Adding space or indenting paragraphs in WordPress blogging is a must. So, if you want to add space or indent paragraphs in WordPress and are searching the ways of it, you’re in the right place.

Usually, most of the text of any blog is aligned left. But in some cases, you may want to indent paragraphs in your WordPress writing to improve the typography and to provide the best reading experience to your readers.

Having said that, we’ll show you how you can indent paragraphs in WordPress in this post.

Easily Indent Paragraphs in WordPress

There are several ways/methods available to indent paragraphs in WordPress. All those three ways are explained step-by-step below with proper and visible screenshots. Let’s start without any further discussion.

Method 1: Indenting the First Line of a Paragraph in WordPress

Web sites do not follow the same paragraph spacing as word processors or typesetting, which just indents the very first line of the section.

When you indent a paragraph in WordPress, the space is applied to the entire paragraph.

webindent

Some websites, such as magazines, news, or literary journals, may want to use more traditional paragraph spacing. In such a scenario, you’ll need to add custom CSS to your theme.

To access the WordPress theme customizer, go to Appearance > Customize. Now, choose the ‘Additional CSS‘ option.

customcss

This opens a text box in the left pane. You must enter the below CSS code into this text box area.

p.custom-indent {
text-indent:60px;
}
The code here simply tells that if any of your paragraphs have a .custom-indent class, 60px as text-indent will automatically add to your text formatting.
You may now use the text editor to modify a post in WordPress. Wrap your paragraph in <p class=”custom-indent”> and </p> tags, like shown:
<p class="custom-indent">Your paragraph text goes here...</p>
When you’re finished, preview your post to notice that only the first line of the paragraph has spacing before it.
traditional-indent

If you simply want to indent a few paragraphs, this approach works well. If you wish to apply this look to all paragraphs on your site, simply edit the custom CSS as follows:

article p {
text-indent:60px;
}

This CSS rule will indent the first line of every paragraph within a WordPress post or page.

Method 2: Ident Paragraphs in WordPress Using Text Button in Visual Editor

The settings for most WordPress themes will display paragraphs on the right or to the left if they are written in right-to-left languages.

The visual editor provides an increase indentation button that can be used to indent a paragraph manually. Indenting a paragraph this way will create extra space on the left.

increaseindent

For multiple paragraphs to be indented at once, select the paragraphs to be indented and click the increase indent button.

To increase the indent spacing, click the button several times. By clicking it twice, for example, the indent spacing will double.

If you click on the decrease indent button, you can lower the spacing as well.

Method 3: Manually Indent Paragraphs Using the Text Editor

To indent paragraphs in WordPress, simply use the indent text buttons in the visual editor. Unfortunately, this does not give you the option of adjusting the amount of spacing you want to add.

If you are more advanced, you can manually add a space by switching to the text editor. To add inline CSS to the paragraph text, you are going to wrap the text around paragraph tags <p> and </p>, as shown below:

<p style="padding-left:25px;">Your paragraph text goes here...</p>

indent-manually

Using this method, you can determine how much space you want to indent into. If you don’t need to indent your paragraphs very often, you can use this method. But if you often indent paragraphs, this may not be the best solution.

Closing Thoughts

Up to this point, we hope the post helped you learn how you can indent paragraphs in WordPress. You may want to see our guide on how you can fix the missing appearance menu in WordPress. You may also want to see how you can clear cache files in WordPress.

If you like this post, be with ThemeLooks and subscribe to our WordPress video tutorials on YouTube. We may also be found on Twitter, LinkedIn, and Facebook.

  • 135 Views
  • Comments are closed