Automatically inserting extra line between bullet pointed paragraphs

triciaannemitchell · Member · Jul 31, 2017 at 12:59 pm
Copy link

Add topic to favorites
I’m hoping to increase white space in my posts, to make them more scan-able.

At the bottom of this post (Planning Pointers section), I’d like for there to be double spacing between the end of one bulleted line or paragraph, to the beginning of another bulleted line or paragraph.

At present, it looks like a big chunk of text. In short, I don’t want all of my site’s text double-spaced. I just want there to be double spacing between one bulleted section to another.

I’d like to modify the CSS code so this occurs throughout my website. Any idea what the code may be?

Many thanks. :)

The blog I need help with is: (visible only to logged in users)
triciaannemitchell · Member · Jul 31, 2017 at 12:59 pm
Copy link
Here is a sample post: https://triciaannemitchell.com/2014/08/24/salona-roman-ruins-day-trips-from-split/
lastfarthing · Member · Jul 31, 2017 at 1:54 pm
Copy link
Hi @triciaannemitchell,
I would start with adjusting the margin-bottom here:
```
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.6em;
  padding-left: 0; }
```
triciaannemitchell · Member · Jul 31, 2017 at 3:29 pm
Copy link
Thanks for your reply, @lastfarthing!

I input your suggested code, but I’m not noticing a difference with the spacing between one bulleted sentence, to another.

If you have other ideas, I’d be greatly appreciative for your help.
lastfarthing · Member · Jul 31, 2017 at 6:21 pm
Copy link
@triciaannemitchell,
You could try adding some padding-bottom. Maybe something like:
```
li > ul,
li > ol {
 margin-bottom: 0;
 margin-left: 1.6em;
 padding-bottom: 2%;
 padding-left: 0; }
```
thesacredpath · Member · Jul 31, 2017 at 8:25 pm
Copy link
Hi there, give the following a try to adjust spacing on the ordered and unordered lists.
```
ul > li, ol > li {
  margin-bottom: 15px;
}
li ul, li ol {
  margin-top: 15px;
}
```
triciaannemitchell · Member · Aug 14, 2017 at 2:49 pm
Copy link
That last bit of code achieved just what I was hoping to. :) My bulleted lists are now more scannable.

Thank you again @lastfarthing and @thesacredpath for your time!
thesacredpath · Member · Aug 14, 2017 at 10:43 pm
Copy link
Hooray and you are welcome!

No items found.