如何删除我的帐户Woocommerce中的白线?

时间:2017-01-24 17:30:36

标签: php css woocommerce

我的site中的“我的帐户”设置CSS存在一个问题。

我想删除该白线并合并页脚和页面内容。我试着添加这个CSS:

#primary, .woocommerce-page #primary, .woocommerce #secondary, .woocommerce-    page #secondary {
margin-bottom:-40px;
}

有点代码弄乱了其他页面的页脚,其中白线不存在。如何仅在“我的帐户”页面中删除白线?只有在用户登录时才能看到white line

提前致谢。

2 个答案:

答案 0 :(得分:1)

这有效:

bytes

答案 1 :(得分:0)

问题在于:

#primary {
  min-height: 100vh;
}

因为主div不是从页面顶部开始的。删除它应修复它...但检查它不会破坏其他页面。

一种稍微麻烦的修复方法是在

的不同媒体断点处创建一些规则
#primary {
  min-height: calc(100vh - [heightOfHeader] - [heightOfFooter]);
}

例如对于移动断点,它可能是以下...但您必须在较窄的屏幕宽度处修复页脚。

#primary {
  min-height: calc(100vh - 222px);
}

和更大的

#primary {
  min-height: calc(100vh - 123px);
}

但请小心......你的按钮会以某些页面宽度包裹。