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

时间:2018-05-10 08:38:29

标签: css prestashop footer space

我想请教一些关于在Prestashop中管理页脚和页面内容之间空间的帮助。

我的Prestashop版本是1.6.1.17。

该网站为www.backlabel.com

我有以下问题:

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

有人可以帮忙吗?

提前谢谢

1 个答案:

答案 0 :(得分:0)

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

body .cms_24 .wht_bg{
  top:0;
}

对于您的第3点(登录页面),使用此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');
欢呼:)