Introduction
It is obvious that indentation is not widely used in WordPress because most of the text is aligned left. However, it doesn’t mean that paragraph indents are not valuable in WordPress. This function will help in some special cases. For example, when you want to add a quote or add a bulleted list, paragraph indents will make your website look more professional. In addition, it is a great way to enhance the reader’s experience as well as make lines shorter.
How to indent paragraphs in WordPress?
There are several ways to indent paragraphs in WordPress. The right one depends on the editor that you are using. In today’s tutorial, we will share the 3 easiest methods:
- Using the indent text buttons
- Adding a Classic block
- Using CSS
Now, let’s dive into the following solutions.
Solutions
Method 1: Using the indent text buttons in the Classic Editor
Fortunately, the Classic Editor has indent text buttons on the toolbar. If your toolbar looks like the screenshot below, you need to click on the Toolbar Toggle option to widen your tool menu.
Here, there are two buttons that allow you to increase or decrease the indent manually in the visual editor.
In addition, if you want to indent more than one paragraph, you need to choose those paragraphs first and then click on the Increase indent button. You can click Increase indent multiple times until you are satisfied with the results. In contrast, if you want to decrease spacing, you can click on the Decrease indent.
Method 2: Using the Classic Block in Gutenberg
By default, the paragraph block of Gutenberg doesn’t include the indent functionality. However, it offers the Classic block, which has a toolbar similar to the Classic Editor, so you can easily increase or decrease the indent.
Now, your screen might look like our screenshot below. You can view the two indent buttons in the second row of the toolbar. You can optionally click on one of them to increase or decrease the paragraph indent as needed.
When you press Enter, it will start a new line instead of creating a new block as in the paragraph block.
Method 3: Using CSS to indent a single line
The methods mentioned above only allow you to indent the whole paragraph. In case you only need to indent the first line of all paragraphs, you should consider this method. However, this method requires some coding skills.
Firstly, you need to switch to Appearance > Customize from your dashboard. Now, simply click on the “Additional CSS” tab. This step will open a text box where you can add your CSS rule to indent the first line of a paragraph.
Here, you need to add your custom CSS. In our case, we are going to indent the first line of all paragraphs to 40 px. We added the following code: article p{ text-indent:40px}
At the same time, you can see the changes in the live preview area. If you are satisfied with the results, click the Publish button to finish.
If you only want to indent the first line of selected paragraphs, you need to add another CSS rule to your theme’s additional CSS. For example, we added the custom CSS below to apply it to a few selected paragraphs.
p.custom-indent {
text-indent:60px;
}
Now, go to the editor to edit your posts by wrapping the selected paragraph inside the code snippet below.
<p class=”custom-indent”> Your text </p>
After that, let’s click on Update/Publish and you will see how it looks.
Wrap up
We hope that through this article you have learned some useful and simple ways to indent paragraphs in WordPress. If you have any questions while using these methods, please leave a comment below and we will reply as soon as possible.
By the way, there are hundreds of stunning, responsive, and professional themes in our free WordPress Themes. Are you planning to build your desired website? Don’t miss our collection.
