在最近的帖子小部件扩展插件中对齐带有文本的子弹

Question

我在我的网站toawaken.org上使用Wordpress＆gt; Atahualpa主题＆gt;最近的帖子小工具。

最近的帖子列在r.h中。侧边栏。我添加了一个＆＃34; bullet＆＃34; （光盘）在每个帖子标题前面。当我这样做时，它把间距拉开了。

如果您链接到我的网站，您会看到由于某种原因，添加的项目符号强制文本在子弹下方而不是紧挨着它下方的一行显示在与子弹相同的行上。我希望帖子的标题与子弹排在同一行，而不是它下面的一行。我尝试在CSS编辑器中调整边距/填充，但没有边距/填充组合改变了这一点。也没有将div list-style-position从内部改为外部：

div.widget ul li {
    display: list-item !important;
    list-style: disc !important;
    list-style-position: inside;
    color: #2D85BA;
}

如果有人可以请查看我网站上的侧边栏并提供补救措施，将不胜感激。

Answer 1

此插件似乎在<li>元素中实现了 clearfix ，并且它将标题推送到下一行。您可以使用此CSS覆盖它：

.rpwe-clearfix:before, .rpwe-clearfix:after {
    content: none;
}

作为旁注，尽量不要在样式表中使用这么多!important表达式。您最终会在更改CSS规则时遇到越来越多的困难。如果您想要使用某些规则，则使用比您想要更改的特异性强一点的选择器。 您可以阅读有关选择器的更多信息。特异性here。