Notifications
Clear all

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

3 Posts
2 Users
1 Reactions
108 Views
Posts: 6
 Max7
Topic starter
(@max7)
Active Member
Joined: 4 weeks 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: 1453
(@tutrix)
Noble Member
Joined: 5 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: 6
 Max7
Topic starter
(@max7)
Active Member
Joined: 4 weeks 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;}