I've added an unordered list in a forum description. It looks fine in the editor, but the actual page doesn't show the bullets and has the text up against the left margin. Simply doing this:
<p>Testing a list.</p><ul><li>one</li><li>two</li><li>three</li></ul>
I inspected it in the browser and then looked in wpforo style.css and it has this line:
#wpforo #wpforo-wrap li {list-style: none; margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; line-height:1.6;}
which seems to be causing this. Why is list-style set to "none"?
try
<ul><li style="list-style: disc;">one</li><li style="list-style: disc;">two</li><li style="list-style: disc;">three</li></ul>
or
#wpforo #wpforo-wrap .wpforo-forum-description li{list-style: disc}
Add this CSS code to the custom CSS
Dashboard > wpForo > Settings > Colors & Styles > Custom CSS
visit my wpForo Community > Tutrix.de
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...
Thanks! That works on the forum list page. When I clicked into the forum, it didn't work. I found that it uses the class ".wpf-head-bar-left" there. Here is the final code I used so indenting also works properly:
#wpforo #wpforo-wrap .wpf-head-bar-left li{list-style: disc; margin-left: 10px;}
#wpforo #wpforo-wrap .wpf-head-bar-left ul>li li{list-style: circle; margin-left: 30px;}
