UPDATE: APRIL 26, 2017
DUE TO RECENT WORDPRESS UPDATE, TO ADD A SPACE BETWEEN BULLET POINTS IS THE SAME WAY AS ADDING A SPACE BETWEEN NUMBERED LISTS.
SEE UPDATED POST HERE.
I don’t know about you but I was always frustrated not being able to add spacing between my bullet points and numbered lists!
Especially numbered lists, I would try all sorts of different ways to try to add spacing between the numbered items and never found a solution.
It got to a point that I don’t use the numbered lists at all and just type “#1) Text text text.” in paragraph form.
I found this especially annoying when I wanted to add explanation to the bullet points or the numbered lists and couldn’t add line spacing between each explanation, resulting in a big block of text. Yuck!
But alas boys and girls, I found a solution to both! I say both because it’s not the same solution for bullet points and numbered lists. Why would they be the same right? That would be too easy! LOL
In this post, you will learn three things:
- How to add spacing between bullet points.
- How to add spacing between numbered lists.
- What to do when you add spacing between paragraphs or sections but it doesn’t work.
VIDEO WALK THROUGH OF ALL THREE THINGS
I have a video walk through of all three items! I love making videos for learning purposes because I can show you in action rather than you just reading screen shots. Here’s a 6 minute video to show you how to solve the three problems mentioned above:
EASY STEP BY STEP INSTRUCTIONS
If you can’t view the video for some reason or you’re not at a place where you can listen to my video, then here are the easy steps and screen shots to solve those problems for you!
ADD A SPACE BETWEEN BULLET POINTS:
Step 1: Go to the end of your first bullet point and press “Enter“.
Step 2: By doing Step 1, you will get a new bullet point, leave your cursor where it is and click on the Bullet button to clear that Bullet point.
Step 3: After Step 2, you can preview your post to see if you like that much spacing. For me, I don’t like this much spacing so what I do is delete this line with the “Delete” button, all while keeping the cursor where it is at.
After this last step, you can preview your post to see a nice one line space after your bullet points! You just have to repeat the same steps above if you have even more bullet points.
ADD A SPACE BETWEEN NUMBERED LISTS:
Step 1: Adding a space between numbered lists requires a little coding. Don’t worry, I promise it’s easy!! Click on your Text tab of your WordPress editor like shown here:
Step 2: Find where your numbered list coding is, go to the end of your first numbered item but before the </li> tag and add this to the code: <p />
Do this for each of your numbered list items like shown here:
That’s it! If you go back to the “Visual” tab, your numbered items will have spacing between them. It may look really spacious in the Editor View, but if you preview your post, it should look like there’s only one line spacing between each item.
Here is what they look like side by side:
If Step 2 doesn’t work for you, here’s an alternative code you can use: style=”padding-bottom: 18px;” – but instead of placing this code at the end of each numbered item, you place it in the beginning of the numbered item inside the <li> tag like this:
Therefore, you insert the code at the beginning <li> tag, you need to add a space then that code to make it <li style=”padding-bottom: 18px;”>. You will copy and paste into each numbered item except the last one.
When you copy to the other numbered items, make sure you don’t forget the last quotation mark before the closing greater sign. I forgot the last quotation once and wondered why it didn’t work.
You can also adjust the spacing size by edited the 18px to something else you like, and if you want your numbered items justified align you can add it like this:
<li style=”padding-bottom: 18px; text-align: justify;”>
SPACING BETWEEN PARAGRAPHS OR SECTIONS
Do you ever try adding spacing between your paragraphs or sections of your blog, and for some reason, when you preview it or publish it, the spaces don’t appear?
This problem I had for a long time and I finally figured why this is. It’s my formatting!
If you have your blog post or page formatted to right, center, left, or justify aligned, the spacing between the paragraphs will also have them.
FOR THE SPACING TO SHOW UP ON YOUR BLOG POST, in preview or published mode, you need to CLEAR ALL FORMATTING IN THE LINE SPACES.
To do this, just put your cursor where the line space is, then un-click the formatting buttons that it has been set to.
For example, I use justify alignment a lot, so if my line spacing doesn’t show in preview mode, I just put my cursor on the line space in question (which will show that my justify button is pressed down on my toolbar), then I just click on that justify button again to clear it, thus, allowing the line space to show up on my blog post.
That’s it! 🙂
I hope this little tutorial was helpful to you and that you can use my WordPress tips here! This will make your posts look so much better with the added white space between your bullet points and numbered lists. 🙂
If you have been blogging and haven’t made money from your website, I strongly suggest you get the right training! I learned how to build this website and make money from it with Wealthy Affiliate and they are the best training platform out there. That is also where my video is hosted at. You can read my full review of Wealthy Affiliate >> HERE.
Please let me know if you have any questions on this tutorial or about Wealthy Affiliate in the comments below! I answer all comments and would love to help you. 🙂
Let’s make money online!