1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.4 Adding padding-bottom to list elements <li> in message body

Discussion in 'Styling and Customization Questions' started by Rudy, Oct 14, 2014.

  1. Rudy

    Rudy Well-Known Member

    I have been trying to add some padding after list items in the message body, but I haven't been able to get it to work. Seems that adding it to EXTRA.CSS isn't doing it as expected. No luck searching here for a solution as of yet.

    What I want to change is within this element:

    .baseHtml ul li 
    If I add padding-bottom in the element inspector in Chrome, it adds the padding. Yet if I use this in EXTRA.css, the padding is not appearing. I looked further and there are a lot of elements that would need modifying.

    In essence, any list should have this padding applied. Otherwise these lists are looking like one giant (and unreadable) paragraph of text.

    Has anyone attempted this?
  2. Brogan

    Brogan XenForo Moderator Staff Member

    If you want to add it after each list item:
    .messageText.baseHtml ul li
        padding-bottom: 10px;
    You will more than likely need to do it for an ordered list too (ol).
  3. Rudy

    Rudy Well-Known Member

    Thanks Paul, that worked! Adding the .messageText was the missing link. Adding the <ol> element is easy enough also.

Share This Page