只缩小产品页面和页脚之间的差距？

Question

我的网站包含像 product page 这样的产品页面，它的描述和页脚之间有很大的差距，我该如何缩小这个差距，我正在使用来自 themeforest 的 builder69 主题。

Answer 1

这是因为您的相关产品的 CSS 设置为：visibility: hidden;。

你有几个选择：

1. 通过将以下内容添加到 child theme 的 CSS 来显示相关产品：

   .related.products {
       visibility: visible;
   }
   

2. 保留相关产品，但通过在 CSS 中添加以下内容来使用 CSS 将其删除：

   .related.products {
       display: none;
   }
   

3. 在您的子主题的 functions.php 文件中使用以下内容完全禁用相关产品：

   remove_action('woocommerce_after_single_product_summary','woocommerce_output_related_products', 20 );
   

Answer 2

您使用了visibility:hidden 属性， 请改用display:none

使用下面的代码

.related.products {
    display: none;
}

display:none 表示内容根本不会出现在页面上其他标签之间不会为其分配空间。

visibility:hidden 表示内容不可见，但在页面上为其分配了空间。内容已呈现，只是在页面上看不到。