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


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?


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).


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