如何隐藏侧边栏列表中的项目符号?

时间:2011-12-12 21:58:39

标签: css html-lists

这是一个WordPress网站,生成了类/ ID,我不能只是进入并添加一个类。

是的,我有萤火虫......但是我是如此扭曲,并且对于这是来自BuddyPress还是......来说我只是在寻找帮助找到我的身份或班级时感到很困惑d say list-style-type:none;

我需要让具有子弹的UL在一般联系区域中工作,但不能在侧边栏或组类别中工作。 http://ratest4.com/art-categories/

以下是我希望从(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>

以下是样式表附带的CSS,它确实可以使用PRE Buddypress

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

那么......为什么不起作用?

另外对于侧边栏小部件标题/ h3s我有这个,但它也不服从:

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

虽然边栏中的这些项目符号没有预先BuddyPress安装(在标准的WordPress中,它们现在是。

2 个答案:

答案 0 :(得分:76)

ul上有一个选择器line 252,正在设置list-style: square outside none(方形子弹)。您必须将其更改为list-style: none或只删除该行。

如果您只想从该特定实例中删除项目符号,可以使用该列表的特定选择器及其项目,如下所示:

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

答案 1 :(得分:25)

在第252行的http://ratest4.com/wp-content/themes/HarnettArts-BP-2010/style.css文件中ul

将此添加到您的css

ul{
     list-style:none;
}