Prestashop - 如何在页脚和页面内容之间添加或删除 space
Prestashop - How to add or remove space between footer and page content
我想请您帮忙管理 Prestashop 中页脚和页面内容之间的 space。
我的 Prestashop 版本是 1.6.1.17。
我有以下问题:
- 在主页上,嵌入视频和页脚之间的 space 比我想要的要大,我想减少它。但是,即使通过 Chrome 浏览器的检查功能,我也无法识别我应该修改的部分,我迷路了。
- 我知道在 asylum.css 中有一个 #footer 部分有一些规范,但是我已经删除了它的边距,并且 space 仍然存在。有关更多说明,请参见下图。
Distance between embedded video and footer highlighted in red
- 关于 login page, having removed the margin from the footer, subsequentially it remains very attached to the content while instead I would like to add a space and to make the footer stay on the bottom. See image 的更多说明。
有人能帮忙吗?
提前致谢
对于视频和页脚之间的 space,此 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');
干杯:)
我想请您帮忙管理 Prestashop 中页脚和页面内容之间的 space。
我的 Prestashop 版本是 1.6.1.17。
我有以下问题:
- 在主页上,嵌入视频和页脚之间的 space 比我想要的要大,我想减少它。但是,即使通过 Chrome 浏览器的检查功能,我也无法识别我应该修改的部分,我迷路了。
- 我知道在 asylum.css 中有一个 #footer 部分有一些规范,但是我已经删除了它的边距,并且 space 仍然存在。有关更多说明,请参见下图。 Distance between embedded video and footer highlighted in red
- 关于 login page, having removed the margin from the footer, subsequentially it remains very attached to the content while instead I would like to add a space and to make the footer stay on the bottom. See image 的更多说明。
有人能帮忙吗?
提前致谢
对于视频和页脚之间的 space,此 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');
干杯:)