删除视差框之间的空白间隙

Question

我的网站weeral.it

出现问题

两个视差部分之间以及视差部分与页脚之间存在空白。

有没有办法解决这个问题？ 非常感谢！

Answer 1

一些人在main.css中找到并替换工作需要

找到

body .normal-page, body .portfolio, body .blog {
  padding-bottom: 30px;
  padding-top: 30px;
  position: relative;
  z-index: 100000;
}

替换

body .normal-page, body .portfolio, body .blog {
  padding-top: 30px;
  position: relative;
  z-index: 100000;
}

需要删除此padding-bottom: 30px; 然后在您的HTML中删除

标记http://prntscr.com/fp31er

它看起来像这样

Answer 2

页脚正上方的空白区域显示为浏览器开发人员工具中<div class="main-wrapper">的一部分。尝试包括这个

margin: 0;
padding-bottom: 0;

包装器<div>和包装器<div>中的最后一个<div>

Answer 3

底部有额外的填充，而在template-wrapper-22 ID标签之后有额外的P标签。

main.css第120行

body .normal-page, body .portfolio, body .blog {
    z-index: 100000;
    position: relative;
    padding-top: 30px;
    /* padding-bottom: 30px; */ 
}