Automatically inserting extra line between bullet pointed paragraphs
-
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)
-
Here is a sample post: https://triciaannemitchell.com/2014/08/24/salona-roman-ruins-day-trips-from-split/
-
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; } -
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.
-
@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; } -
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; } -
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!
-
- The topic ‘Automatically inserting extra line between bullet pointed paragraphs’ is closed to new replies.