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

时间:2019-03-19 16:53:38

标签: css wordpress woocommerce wordpress-theming custom-wordpress-pages

我的网站上包含product page之类的产品页面,它的描述和页脚之间有很大的差距,我如何使用主题林中的 builder69 主题来缩小这种差距。

2 个答案:

答案 0 :(得分:2)

之所以这样,是因为您的相关产品的CSS设置为:" "

您有几种选择:

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

    visibility: hidden;
  2. 保留相关产品,但通过在CSS中添加以下内容,使用CSS将其删除:

    .related.products {
        visibility: visible;
    }
    
  3. 在子主题的functions.php文件中完全禁用以下相关产品:

    .related.products {
        display: none;
    }
    

答案 1 :(得分:0)

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

使用以下代码

.related.products {
    display: none;
}

display:none意味着内容根本不会出现在页面上。其他标签之间没有分配空间。

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