How do I hide the bullets on my list for the sidebar?

KBarnes picture KBarnes · Dec 12, 2011 · Viewed 117.3k times · Source

This is a WordPress site, the classes/ID's are generated, I can't just go in and add a class.

Yes, I have firebug... but I'm so twisted around and confused as to whether this is coming from BuddyPress or.... that I'm just asking for help on finding the id or class that I'd say list-style-type: none;

I need to have ULs with bullets working in the general contact area, but not in the sidebar or on the group categories. http://ratest4.com/art-categories/

Here is the code I want the bullet removed from (Gallery Hours h3):

<div id="primary" class="widget-area" role="complementary">
<ul class="xoxo">
<li id="text-3" class="widget-container widget_text"><h3 class="widget-title">Gallery Hours</h3>

And here is CSS that came with the style sheet, that did work PRE Buddypress

.widget-area ul {
list-style: none;
margin-left: 0;}

So... why isn't that working?

Also for the sidebar widget titles / h3s I have this but it too is not obeying:

.widget-title {
background:#555555;
color: #fff;
font-weight: bold;
 }

While these bullets in the sidebar were not there pre-BuddyPress install (in standard WordPress, they are now.

Answer

animuson picture animuson · Dec 12, 2011

You have a selector ul on line 252 which is setting list-style: square outside none (a square bullet). You'll have to change it to list-style: none or just remove the line.

If you only want to remove the bullets from that specific instance, you can use the specific selector for that list and its items as follows:

ul#groups-list.items-list { list-style: none }