WordPress 4.7.4: How To Add Spaces Between Bullet Points Revisited

I wrote a post 3 months ago about how to add a space between bullet points and because of the recent WordPress 4.7.4 update on April 20, 2017, my method shown in my old post no longer works.

So here, I’m just going to update everyone that you can use this one code for both adding spaces between bullet points and numbered lists!

 



 

WORDPRESS CODING FOR ADDING SPACES BETWEEN BULLET POINTS & NUMBERED LISTS


The one magic code is this:

style=”padding-bottom: 18px;”

 

This is added to the beginning <li> tag of each bullet point or numbered list in the “Text” coding screen of your WP editor like so:

<li style=”padding-bottom: 18px;”>

 

You can also add other styling to it like justify which I also add to my bullet points and numbered lists:

<li style=”padding-bottom: 18px; text-align: justify;”>

 

You won’t need to add this coding to the last bullet point or numbered list as it doesn’t need padding but you can just have it justified like this:

<li style=”text-align: justify;”>

 

In addition the 18px in the code can be changed to whatever number you like your spacing to be at.  So if you want larger spacing between your bullet points, you can increase that number above 18px.

Likewise, if you want the spacing between each bullet point or numbered list to be smaller, then decrease that number to below 18px.

 

Learn how to make money on your blog with my #1 recommended training program.

 

EXAMPLE


Let’s take a look at this example of my bullet points and numbered lists:

  • bullet one
  • bullet two
  • bullet three

 

  1. item one
  2. item two
  3. item three

 

The coding in the “Text” tab will look like this:

WordPress Coding for adding a space between bullet points & numbered lists

Click to enlarge

 

With this kind of coding, you won’t need to worry about future updates and this code should work going forward.

It’s too bad the old way won’t work anymore because it was really convenient for me to just press return, return, delete.  🙂

But at least we have a code that will work no matter what updates in the future!

Hope this helps you much better than my old instructions.  You can let me know in the comments below if things aren’t working or if you need more help!

 

 

BLOGGING AND NOT MAKING MONEY?


If you’ve been blogging and you haven’t been able to make money yet from your blog, do you have the right training when you started?

It could be a huge reason why you’re not making money with your blog!

I’ve been trained to blog at Wealthy Affiliate and they show you how to write awesome content that converts and also learn how to use and find gold mine keywords that brings in lots of organic search traffic.

I’ve been a member there since Sep 2016 and it’s been an incredible experience, unlike when I tried blogging on my own a few years back and failed miserably!

Don’t let that happen to you and learn how to blog the right way and make money with your blog using affiliate marketing.

You will have everything you need on the Wealthy Affiliate platform to finally succeed in your blogging life!

Read all about their training and what’s available on their platform here:

Learn More About Wealthy Affiliate Button

 

I can’t wait to see you on the inside!  Get started for Free today!

 

If you have any questions regarding this post or Wealthy Affiliate, please let me know in the comments below and I’ll get back you very quickly! 🙂

 

 

Let’s make money online!

Grace's Signature

, , , ,

9 Responses to WordPress 4.7.4: How To Add Spaces Between Bullet Points Revisited

  1. Oretta Norris April 27, 2017 at 6:35 am #

    Wow! How timely. I was just struggling with this a couple of days ago, and today I find the answer on your blog. Many thanks. 🙂

    • Grace | Work Anywhere Now April 27, 2017 at 11:06 am #

      I’m very happy to hear this Oretta! That’s awesome that my updated post on this topic is of great use to you. 🙂 Hope this will help you for a long time to come!

      All the best to you,
      Grace

  2. Joe May 8, 2017 at 11:14 am #

    Really irritating that they keep updating things that don’t need to be updated… who has time to mess with code every time they make a list! Thanks for the tip!

    • Grace | Work Anywhere Now May 10, 2017 at 5:22 pm #

      Tell me about it Joe! How it was should have remaining working too so not sure why the way I quickly do it doesn’t work anymore with that update. Annoying indeed!

      Glad you were able to use my tips here. 🙂
      Grace

  3. Scott August 19, 2017 at 1:15 am #

    Set it up exactly like your example and just cannot make it work… I really dislike not having spaces between the numbers. Will google more potential solutions…

    • Scott August 19, 2017 at 1:46 am #

      UPDATE: I found a video by you on Wealthy Affiliate, dated the day BEFORE this post – with a different instruction… THAT instruction works 🙂 Strange you put up a different instruction the next day that doesn’t work… Thanks, though! I FINALLY got the space in there – after more than an hour of struggling since my work was initially based on the instruction found here, because it was most recent…

      • Grace August 19, 2017 at 7:09 am #

        I had updated the video at Wealthy Affiliate as well, if you saw my notes underneath the video.

        The instructions here are the ones that work and I use them in almost every post which is to add this parameter to the bullet tag => style=”padding-bottom: 18px; text-align: justify;”

        So my final tag looks like this:

        final parameter

        This works for me every time for bullets and numbered lists.

        I’m glad whatever you used it worked!

        Thanks for searching out my videos and posts!
        Grace

  4. LIz August 22, 2017 at 1:44 pm #

    It doesn’t work when you have further indented bullets. Only on bullets that are at the same level. I have a 2nd and 3rd level indent bullet and it does not work on those.

    • Grace August 22, 2017 at 1:55 pm #

      Hi Liz, it does work when you have same indent level. It just doesn’t work for immediate 2nd and 3rd level indented bullets. So if you have several 2nd intent bullets or several third intent bullets, the code will add the spacing for those. It doesn’t work for immediate level indentation it looks like.

      Thanks for pointing that out. It’s all a trial and error for me. 🙂
      Grace

Leave a Reply

shares
Scroll Up