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

我的网站包含产品页面, 例如产品页面, 其描述和页脚之间有很大的差距, 我如何才能减小这种差距, 我正在使用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表示内容根本不会出现在页面上。其他标签之间没有分配空间。
【缩小产品页面和页脚之间的距离()】可见性:隐藏意味着, 内容不可见, 但在页面上为其分配了空间。内容已呈现, 只是在页面上看不到。

    推荐阅读