• 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

Rudy

Well-known member
#1
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:

Code:
.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?
 

Brogan

XenForo moderator
Staff member
#2
If you want to add it after each list item:
Code:
.messageText.baseHtml ul li
{
    padding-bottom: 10px;
}
You will more than likely need to do it for an ordered list too (ol).
 

Rudy

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