2014-09-05 50 views
1

我的WordPress主题,风格子弹点可怕(他们看起来像他们应该可扩展!)。奇怪的子弹点样式 - 我怎样才能让它们正常?

http://79.170.44.112/activate-enterprise.co.uk/kiryoku-leadership-programme/ 

我需要添加/删除我的CSS以将它们还原为正常样式?

下面是从我的样式表我的名单代码:

ol { 
list-style: decimal; 
margin: 0 0 18px 1em; 
} 
ol li { 
list-style: decimal; 
} 
ol ol { 
list-style: upper-alpha; 
} 
ol ol ol { 
list-style: lower-roman; 
} 
ol ol ol ol { 
list-style: lower-alpha; 
} 
ul ul, 
ol ol, 
ul ol, 
ol ul { 
margin-bottom: 0 !important; 
} 

ul ul li, ul ul ul li { 
border-bottom: none !important; 
} 

ul { 
margin: 0; 
list-style: none; 
padding: 0; 
} 

#container ul { 
margin-bottom: 15px; 
} 

.content ul { 
padding-left: 15px; 
} 

.content ul li, .sidebar-container ul li, .slide-content ul li { 
overflow: hidden; 
padding: 2px 0 2px 17px; 
background: url(images/bullet.png) no-repeat 0 10px; 
} 

#container ul li ul li { border-bottom: none; } 

非常感谢,

山姆

回答

1

更改这些样式:

.content ul li, .sidebar-container ul li, .slide-content ul li { 
overflow: hidden; 
padding: 2px 0 2px 17px; 
background: url(images/bullet.png) no-repeat 0 10px; 
} 

ul { 
margin: 0; 
list-style: none; 
padding: 0; 
} 

这样:

.content ul li, .sidebar-container ul li, .slide-content ul li { 
padding: 2px 0 2px 17px; 
list-style-type: disc; 
} 

ul { 
margin: 0; 
padding: 0; 
} 

应该解决这个问题。

该css删除点并添加该背景图像。

编辑:如果你不想在点和文本之间留出足够的空间,你也可以删除padding: 2px 0 2px 17px;风格。

+0

辉煌,谢谢。你会知道如何删除子弹点下方的虚线吗? – user3480560 2014-09-05 14:02:33

+0

自己想象出来!在我的样式表中添加以下内容 .content ul li,.sidebar-container ul li,.slide-content ul li border:none!important; } – user3480560 2014-09-05 14:05:46

0
.content ul li, .sidebar-container ul li, .slide-content ul li { 
/*overflow: hidden;*/ 
padding: 2px 0 2px 17px; 
/*background: url(images/bullet.png) no-repeat 0 10px;*/ 
} 

ul { 
margin: 0; 
/*list-style: none;*/ 
padding: 0; 
} 

有了这个代码,你应该罚款。

0

更改下面的代码,你在上面 粘贴删除背景,并添加列表样式属性

.content ul li, .sidebar-container ul li, .slide-content ul li { 

padding: 2px 0 2px 17px; 
list-style: square outside none; 

} 
0

您正在使用的形象在这里

.content ul li, .sidebar-container ul li, .slide-content ul li { 
overflow: hidden; /* disable this */ 
padding: 2px 0 2px 17px; 
background: url(images/bullet.png) no-repeat 0 10px; /* disable this */* 
} 

禁用或删除图像的代码并根据需要进行调整。

ul { 
margin: 0; 
list-style: none; /* disable this */ 
padding: 0; 
} 

请注意,这可能会对其他页面造成影响。