Question

我在网站上遇到一些填充/边距问题。它是我为客户构建的WP站点 - 而不是我的原始代码。我正在使用子主题来自定义样式。

我的暂存网站位于http://7a9.007.myftpupload.com/

如果滚动到底部，则青色部分与灰色/蓝色页脚之间会有一个白色边距。此外，页脚上有过多的顶部填充，而其他页面上不存在（例如：http://7a9.007.myftpupload.com/services/）

我想要删除页脚区域上的白色边距和额外的顶部填充，但检查chrome开发人员模式不会显示任何目标。我错过了什么？

Answer 1

删除以下内容：margin-bottom：-89px;和顶部：-149px;它在下面评论了，但应该让你知道在哪里看。

的style.css

.home #main-content.trans-header, .page #main-content.trans-header {
    /* margin-bottom: -89px; */
}

layout.css中

.home #main-content.trans-header, .page #main-content.trans-header, #archive #main-content.trans-header {
    position: relative;
    /* top: -149px; */
}

#header-wrap {
    position: absolute;
    background: #29333d;
    width: 100%;
}

Answer 2

要减少两个页面的空白区域，请使用负上边距向上拉页脚，如下所示：

#footer-widgets {
    margin-top: -100px;
}

然后使用上面的代码在此（http://7a9.007.myftpupload.com/）页面上修复蓝色推文div和页脚之间的一点空格：

.vc_custom_1492563370829 {
    margin-bottom: -50px !important;  /*add this*/
    border-bottom-width: 0px !important;
    background-color: #1c89ab !important;
}

页面底部有奇怪的填充

2 个答案: