• Resolved EnnisP

    (@ennisp)


    I would like to add space between lines of a single list item. Not between the items but between the lines in one item only.

    An example is here.

    Thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    Using Firebug or your browser’s developer tools, you can achieve it. It would just require a little bit of CSS to target the right one. Unfortunately you haven’t provided much for us to go by. ??

    Thread Starter EnnisP

    (@ennisp)

    Ok. Let me say it more clearly.

    I include unnumbered lists in my posts. Lots of them. I like them.

    The post I referred to above has an example of an unnumbered list. If you scroll down the page a little you will see the list and notice that the lines are a bit close – close for me any way – and I would like to include more space between the lines in each list item. Not between the items but between the lines of the items.

    Maybe another way to ask the question is can you adjust the line height of one item in an unnumbered list?

    I hope this helps.

    Thanks

    Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    Gotcha! That makes sense to me now.

    One way would be to use inline styles. When you are in the post editor rather than using the visual tab, use the code tab. In order to create the unordered list you would use the ul tag and in that you would use something like:

    <ul style="line-height: 20px;">
      <li>I am the very first item of the list</li>
      <li>And I am the second item and have a little more text than my prior brother</li>
    </ul>

    Not entirely ideal but is one solution. ??

    Thread Starter EnnisP

    (@ennisp)

    Thanks for that.

    I’m hoping to change it through my CSS so I can change all the posts at once. I included the following code in my style sheet hoping to achieve that but it doesn’t seem to effect the line spacing at all.

    Is there a reason this doesn’t work?

    #contentleft ul li {
      list-style-type: square;
      margin: 0px 0px 20px 20px;
      padding: 0px 0px 5px 0px;
      line-height: 35px
      font-size: 17px;
      font-family: Didactic Gothic, Trebuchet MS, Arial, sans-serif;
    }

    Thanks

    You’re missing the ; at the end of line-height: 35px.

    Thread Starter EnnisP

    (@ennisp)

    If the problem had been a snake . . .

    It’s amazing what a fresh set of eyes can see. Thanks for having a look.

    Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    Great to see you got the issue resolved. ( Just don’t forget to mark it as that ?? )

    Thread Starter EnnisP

    (@ennisp)

    Thanks all. Problem solved.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Add Space Between Lines of a Single List Item’ is closed to new replies.