How to Add Single / Double Line Spacing in your WordPress Website?

0
969
How to Add Single / Double Line Spacing in your WordPress Website

Do you want to add single / double line spacing in your WordPress website blog articles? In WordPress, we cannot find a proper formatting button like MS Word. Due to this reason, a lot of WordPress Beginners find it hard to use the visual editor in WordPress. To make it easy up to you we will learn the detailed way to create single /double line spacing in your blog articles. 

The important information that all WordPress Beginners need to know is that the line spacing is managed and controlled by the user’s particular WordPress Theme

In this article, first we will show you to add single /double line spacing in your WordPress website. Then we will go though the way to change the line space by adding extra CSS codes in the Theme.

Add Double Line Space

In the WordPress Visual Editor whenever you press ‘Enter’ in your keyboard, it is considered as a new paragraph. You can automatically see the double line spacing. 

Hence, when you need double line spacing simply press the ‘Enter’ button. Then start to type other words in your next paragraph as per your requirement. 

If you don’t know what a double line spacing looks like. Take a look at the screenshot below. 

Add Single / Double Line Spacing in WordPress.

Note: The Distinction between the paragraph is double line space.

Add Single Line Space

While writing a lot of articles, there are places where adding double line space isn’t favourable. In that case we need to use Single line space to create a content which looks organized. 

When you decide to use Single line space you need to simply press ‘SHIFT + Enter’ 

If you want to know what single line space looks like have a look at the screenshot below. 

Add Single / Double Line Spacing in WordPress.

Note: The Distinction between the word is single line space.

Modify the Line Height and Space Using CSS

Sometimes despite adding the proper lining space the articles might not be displayed as you want. This happens due to lack of proper function of the Theme that you use. In that case, you need to add CSS in your theme to enable the proper line spacing. 

First of all, you need to go to Appearance>>Customize at the left sidebar of your page. Then click on the Additional CSS button. 

Add Single / Double Line Spacing in WordPress.

In the coding box add the code: .post p{line-height: 1.5em;} 

Add Single / Double Line Spacing in WordPress.

Adding the code you will be able to keep the spacing of paragraph content to 1.5em. This code will only change the single space. So, if you want to change the space between each paragraph which is double space then the add the padding given below:

   .post p {
line-height: 1.5em;
padding-bottom: 15px;
}

In this way you can add Single / Double line spacing in your WordPress Website. We hope this article helped you to do so.


Additionally, if you want to make sticky posts in WordPress go through our article “How to Add Sticky Posts in WordPress”

LEAVE A REPLY

Please enter your comment!
Please enter your name here