css - Woocommerce产品列表间距

这是我的网站：

http://www.armonisencia.cl/site/

我有一个woocommerce产品列表，此后，我的底部利润很高。我想在这里用CSS更改它：

.woocommerce .products ul, .woocommerce ul.products {
    margin-bottom: 0;
    padding-bottom: 0;
}

但这似乎不起作用，就像只有缩小我的Chrome窗口时才能进行的某种工作。

知道如何解决吗？

最佳答案

1。如果您尝试编辑页面-主题可能支持页面设置中的空白。如果不是，那么您应该在主题选项/个性化设置中找到它。


如果您手动进行更改，请记住将其添加到“子主题”中。
如果您可以选择添加自定义CSS，但有时却无法正常工作，请在CSS中添加！important

.woocommerce .products ul, .woocommerce ul.products {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}

在您的情况下，在.et_pb_section中也有56px的填充，它们之间总共有112px的间隔。

关于css - Woocommerce产品列表间距，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46713198/