Adding space between last bullet in list and next paragraph
-
I’d like to add a space between the last bullet in a list only and the paragraph that follows it. I was able to increase the space between all the bulleted paragraphs in a list by adding { padding-bottom: 5px; } to .entry li but I just can’t figure out how to how to increase the space between the final bulleted paragraph in a list and the next normal paragraph. I would really appreciate help with this.
Note: I can’t post a link to the site as it is in maintenance mode.
/*------------------------------------------------------------------ [Standard Posts & Entries] -------------------------------------------------------------------*/ .loop-entry { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #ddd; } .loop-entry-thumbnail { float: left; margin-right: 25px; width: 230px; max-width: 35%; } .loop-entry img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; } .loop-entry h2 { margin: -5px 0 0; font-size: 18px; } .loop-entry-meta { display: none; color: #999; font-size: 13px; margin: 0 0 10px; list-style: none; } .loop-entry-meta li { display: none; margin-right: 15px; margin-bottom: 5px; } .loop-entry-meta i { font-size: 13px; color: #666; margin-right: 5px; } .content-area { float: left; width: 70%; } .full-width { float: none !important; width: 100% !important; } .entry { margin-bottom: 20px; font-size: 14px; } .entry ul, .entry ol { margin-left: 30px; margin-bottom: 10px; list-style: inherit; } .entry ol { list-style: decimal } .entry li { padding-bottom: 5px; } .post-meta { display: block; color: #999; font-size: 11px; margin: -15px 0 10px; list-style: none; } .post-meta li { float: left; margin-right: 15px; margin-bottom: 5px; } .post-meta i { font-size: 13px; color: #666; margin-right: 5px; } .post-thumbnail { margin-bottom: 30px; } .post-thumbnail img { display: block; } .post-tags { margin-right: 10px; margin-top: 30px; font-size: 12px; } .post-tags span { margin-right: 10px; color: #666; } .post-tags a { }
-
This topic was modified 6 years ago by
Steven Stern (sterndata).
-
This topic was modified 6 years ago by
Steven Stern (sterndata).
-
This topic was modified 6 years ago by
-
Hey,
Try this one:
.entry li:last-child{ margin-bottom: 10px; }
Hope it will help you.!
Rishishah,
Thank you so much for getting back to me so quickly! I really appreciate it. Unfortunately, that didn’t work but it gave me the idea to try something, which did work:
.entry ol { margin-left: 30px; margin-bottom: 10px; list-style: inherit; padding-bottom: 10px; }
Have a lovely day 🙂
- The topic ‘Adding space between last bullet in list and next paragraph’ is closed to new replies.