• Resolved Nyx1961

    (@nyx1961)


    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 { }
Viewing 2 replies - 1 through 2 (of 2 total)
  • Rishi Shah

    (@rishishah)

    Hey,

    Try this one:

    .entry li:last-child{ margin-bottom: 10px; }

    Hope it will help you.!

    Thread Starter Nyx1961

    (@nyx1961)

    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 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adding space between last bullet in list and next paragraph’ is closed to new replies.