我的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; }
非常感谢,
萨姆
答案 0 :(得分: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;
样式。
答案 1 :(得分: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;
}
使用此代码你应该没事。
答案 2 :(得分:0)
更改以上粘贴的代码 删除背景并添加列表样式属性
.content ul li, .sidebar-container ul li, .slide-content ul li {
padding: 2px 0 2px 17px;
list-style: square outside none;
}
答案 3 :(得分: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;
}
请注意,这可能会对其他页面产生影响。