css - Woocommerce 产品列表间距

Question

这是我的网站:

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

我有一个 woocommerce 产品列表，在那之后，我在底部有一个非常长的边距。我试图在这里用 css 改变它:

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

但这似乎不起作用，就像只有缩小 Chrome 浏览器的窗 Eloquent 能起作用。

知道如何解决吗？

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。