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

我的网站包含产品页面, 例如产品页面, 其描述和页脚之间有很大的差距, 我如何才能减小这种差距, 我正在使用themeforest中的builder69主题。

#1

发生这种情况是因为你的相关产品的CSS设置为：可见性：隐藏；。

你有几种选择：

通过将以下内容添加到子主题的CSS中来显示相关产品：

.related.products {
    visibility: visible;
}

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

.related.products {
    display: none;
}

完全禁用子主题的functions.php文件中的以下相关产品：

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

#2

你已经使用了visible：hidden属性, 而是使用display：none

使用下面的代码

.related.products {
    display: none;
}

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

可见性：隐藏意味着, 内容不可见, 但在页面上为其分配了空间。内容已呈现, 只是在页面上看不到。