Woocommerce产品列表间距

Question

这是我的网站：

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

我有一个woocommerce产品列表，在那之后，我在底部有一个很长的利润。我试图用css改变它：

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

但这似乎不起作用，就像缩小Chrome浏览器的窗口一样有效。

知道怎么解决吗？

Answer 1

1。如果您尝试编辑页面 - 也许您的主题支持页面设置边距。如果没有 - 那么你应该在主题选项/个性化中找到它。

1. 如果您手动更改，请记住将它们添加到子主题。

2. 如果您可以选择添加自定义CSS，有时候它可以不工作，那么将！important添加到您的CSS

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

在你的情况下，你在.et_pb_section中也有填充56px，它们之间的空间为112px。

Answer 2

您正在使用页面构建器来设置页面。移除填充顶部和底部以移除空间。