How to Manage WordPress Line Spacing: Add Single or Double Spacing

Your formatting and cleanliness of your posts always matter and can go a long way to help a reader search for information or focus on the important points. Managing line spacing, distinguishing paragraphs and making your post elegant and graceful can go a long way towards improving your website’s view count.
The use of multiple short paragraphs and separated sentences is great to easily illustrate your points and create an easily readable blog or article. However, creating multiple gaps between paragraphs and sentences can also give that feeling of emptiness in an article. Extra spaces and wide gaps can create wasted spaces in your content that are usually not welcome.
Similarly, sometimes congregated points are also useful. Illustrating a single idea or concept in single collective sentences or paragraphs let you contrast different ideas and concepts.
These mix of using congregated sentences with small spacings and distinctly separated paragraphs can go a long way in creating a structured and easy to read the article.
Therefore, today we shall be discussing the concept of WordPress line spacing as well as the process of manually changing the line spacing size and padding.
WordPress Line Spacing:
There are generally two types of spacing: Single and Double and their size and methods to insert them are different as well.
Single Spacing:
Like the name suggests, a single line of space is inserted when we use single spacing.
The method to insert a single line space is to simply press Shift+Enter after a line. Simply open your WordPress visual editor and press shift and enter at the same time at the required breakpoint to create a single line space.
Double spacing:
In double spacing, a double line space is provided instead.
Accordingly, the method of inserting a double line space is just to press Enter after the breakpoint. Using this, you can instruct WordPress that you want to break paragraphs at this point.
Modifying Space size:
However, there are circumstances where you may not be satisfied with the default size of the line space.
If that is the case, you can easily modify the amount of space for both double and single line spaces using your theme’s additional CSS function. Here we add a CSS code to manually change the size of the spacing by using the line-height and padding command.
To do this, first direct to the theme customization page of your WordPress admin panel. For this, click or hover over the Appearance tab on the Dashboard and click on Customize. Then, click on Additional CSS.
For single spacing:
In order to increase the line spacing for single spacing, we use the code:
.post p{line-height: 2em;}
Here .post is the class specified, therefore WordPress will only target this change towards Posts and not pages. If you want to change the spacing for pages as well, you will have to insert the code again using the .page class. So for pages, we add:
.page p {line-height: 2em;}
Similarly, line-height is the element we’re modifying and 2 em is the new value we are placing, where Em is the unit of measurement of width in typography.
For double spacing:
For double spacing, however, we use the parameter ‘padding.’
So for changing the double size, we use the code:
.post p{ padding-bottom: 30px; }
So combining both of them, if we were to change both the single and double spacing, we use:
.post p { line-height: 2em; padding-bottom: 30px; }
Furthermore, if we wanted these changes applied to pages as well, we use:
.page p { line-height: 2em; padding-bottom: 30px; }
Once you insert this into your theme’s additional CSS, click on Update and now your changes should be saved.
The possible change should look something like this:
Concluding:
Thus, following the above explanations, you should be able to insert as well as modify the spacing on your WordPress website. We’ve explained it before but It is important that you do not use unnecessary spacing and at the same time make sure that your posts are not just a bunch of unformatted lines of text.
Your presentation is a key factor in improving the reception of your posts and reader satisfactory is affected quite a lot by structured paragraphs.
Similarly, if you want cool tips and ideas to improve your content, why not go through some of our articles related to the subject:
- How to remove ‘Powered by WordPress’ footer link
- Changing Font size in WordPress
- How to add WordPress custom background
Very nice blog thanks for providing this useful information keep it up.
THANK YOU! This is how ALL WordPress tips should be presented!
Hello Josh,
Thank you for such a great compliment. We make our tutorials as presentable as possible. 🙂
Thank you. Sadly this method didn’t work for me. Still article was very helpful. I am not really a worpress expert, so I open few other articles and just try different variesions.
This code worked for me, just in case if it can be useful for anybody else as well.
.post p{padding: 15px 20px 15px;}
.post h3{padding: 20px 0px 20px;}
.post h4{padding: 10px 0px 10px;}
.post h5{padding: 10px 0px 10px;}
The first line is for adding space in paragraphs, the rest or for adding space in headings. Play with numbers to see what works for you.
I am not sure if this is the most fine solution, but in my case works great.
Thank you again!