在CSS中从UL中删除空格

时间:2017-04-06 14:11:59

标签: css wordpress html-lists

https://poydalla.net/category/in-english/标题为Suosituinta juuri nyt的小部件中的UL出了什么问题?在首页,类别和博客文章看起来不对,但在https://poydalla.net/lautapelisuositukset/等网页上看起来很不错。

我尝试将CS​​S与Chrome的Inspect工具进行比较,将所有差异从正确的页面更改为不正确的页面。

最重要的是,我已经搜索了很多东西并尝试了不同的边距,填充,线高,显示(内联,块,弹性等)组合。当其他的很好时,页面被搞砸了

1 个答案:

答案 0 :(得分:0)

嗯,错误margin-bottom: 40px; .archive .post选择器的ul。我想这是为了在存档页面上展开文章预告片,但是,只要您的post项目也有类post,它们就会受到这个底部边距的影响。

如果不了解整个CSS(以及PHP为您的元素提供类),很难为您提供一个好的解决方案,但我想您可以尝试这种可能的解决方案:

如果您允许编辑PHP / HTML

只需从小部件上的li项中删除课程.archive li.post { margin-bottom: 0 }即可。

如果您只能编辑CSS

.blog .post, .single .post, .archive .post, .search .post, .search .page { margin-bottom: 40px } 添加到CSS中就足够了。或者你可以修改一下:

.blog article.post,
.single article.post,
.archive article.post,
.search article.post,
.search article.page {
    margin-bottom: 40px
}

到此:

WAITING_FOR_RUNNER