由于各模板样式差异,使用页面工厂创建(或导入)页面会出现左右两侧空白区域(不能全宽),解决这个问题,需要我们手动设置一下CSS样式。
以下是各模板的解决方法:
1.Helix模板架构解决方法:
添加下面代码到你的css样式文件。(例如:/templates/‘当前模板’/css/custom.css)如果没有custom.css则需要自己手动创建一个。
@media (min-width: 1200px){
.com-jwpagefactory #sp-main-body .container {
max-width: 100%;
padding-right: 0px;
padding-left: 0px;
}
}
#sp-main-body{
padding: 0px;
}
以上代码复制到custom.css文件里,保存回到前台刷新页面或清除页面缓存即可生效。
2.T3模板架构解决方法:
添加下面代码到你的css样式文件。(例如:/templates/‘当前模板’/css/custom.css)如果没有custom.css则需要自己手动创建一个。
.com_jwpagefactory .t3-mainbody {
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
}
@media (max-width: 768px) {
.com_jwpagefactory .container.t3-mainbody {
padding-left: 40px;
padding-right: 40px;
}
}
.com_jwpagefactory .t3-content {
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
}
以上代码复制到custom.css文件里,保存回到前台刷新页面或清除页面缓存即可生效。
任何有关页面的问题,可以到我们的QQ群里来交流—— 468857575