Prestashop - 如何在页脚和页面内容之间添加或删除空间答案

【问题标题】：Prestashop - How to add or remove space between footer and page contentPrestashop - 如何在页脚和页面内容之间添加或删除空间
【发布时间】：2018-05-10 08:38:29
【问题描述】：

我想请你帮忙管理 Prestashop 中页脚和页面内容之间的空间。

我的 Prestashop 版本是 1.6.1.17。

网站是www.backlabel.com。

我有以下问题：

在主页上，嵌入视频和页脚之间的空间比我想要的要大，我想缩小它。但是，即使通过 Chrome 浏览器的检查功能，我也无法识别我应该修改的部分，我迷路了。
我知道在 asylum.css 中有一个 #footer 部分有一些规范，但是我已经删除了它的边距，并且该空间仍然存在。有关更多说明，请参见下图。 Distance between embedded video and footer highlighted in red
在login page 上，从页脚中删除了边距，随后它仍然非常依附于内容，而我想添加一个空格并使页脚保持在底部。如需更多说明，请参阅 image。

谁能帮忙？

提前谢谢你

【问题讨论】：

标签： css prestashop footer space

【解决方案1】：

对于您的视频和页脚之间的空间，此 css 代码将解决您的问题：

body .cms_24 .wht_bg{
  top:0;
}

对于您的第三点（登录页面），使用此 JS 代码将您的页脚始终保持在底部。经过测试，效果很好。

var docHeight = $(window).height();
var footerHeight = $('#footer').height();
var footerTop = $('#footer').position().top + footerHeight;
if (footerTop < docHeight)
    $('#footer').css('margin-top', (docHeight - footerTop) + 'px');

干杯:)

【讨论】：