如何使用CSS删除Wordpress站点中页脚下方的空白区域

Question

我有我的网站here。我正在使用名为Canvas的wordpress WOO主题。 我无法弄清楚如何删除页脚下方的空白。

这是问题的screen shot。

问：使用符合网站标准的CSS删除空间的最简单方法是什么？

Answer 1

额外的间距是由#footer.col-full:after上的clearfix引起的。您可以在overflow:hidden上使用#footer进行修正。

Answer 2

终于搞定了..

只需删除它：

#footer {
    padding: 10px;
}

Answer 3

我遇到的问题是页脚不会正确地位于页面底部。

这是我的第一个WordPress网站，可能不是＆＃34;正确接受＆＃34;在高级开发人员中修复，但对我来说，我所做的只是一个CSS规则：

body {
   height: 0px !important
}

给我这个结果

Answer 4

find you code on .footer you code will be like this,

border-bottom: 1px #4C4C4C solid;
background: #333;
color:#999;

将此代码替换为此代码，

border-bottom: 1px #4C4C4C solid;
background: #333;
color:#999 !important;
overflow: hidden;

这对我有帮助。希望你们也是...... ..

Answer 5

当我在 wordpress 中创建一个 elemetor 页脚时，我也发生了这个错误，我使用它的主题定制器运行 Astra 主题，我已经通过小部件选项放置了一个简单的文本页脚。然后我决定是时候通过元素或页眉和页脚块来定制一个合适的页脚了，所以一旦我创建了这个页脚通常没有错误，但这次在 wordpress 站点的页脚下方有一个很大的空白。

解决方案是转到页脚页面并单击使用 elementor 进行编辑，然后单击页脚中的所有部分和编辑部分下的布局，找到名为溢出的选项，然后从下拉列表中选择为隐藏重复中的所有部分页脚并在完成后单击更新。中提琴大空白终于消失了:)