Notifications
Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!

Merry Christmas and Happy Holidays! 🎄

Style [Solved] Lists aren't working inside a forum description

3 Posts
2 Users
1 Reactions
895 Views
Posts: 15
 Max7
Topic starter
(@max7)
Eminent Member
Joined: 1 year ago

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"?


2 Replies
Tutrix
Posts: 1521
(@tutrix)
Noble Member
Joined: 6 years ago

@max7 

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


Posts: 15
 Max7
Topic starter
(@max7)
Eminent Member
Joined: 1 year ago

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;}