主题： 关于页面左右空白问题

由于各模板样式差异，使用页面工厂创建（或导入）页面会出现左右两侧空白区域（不能全宽），解决这个问题，需要我们手动设置一下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

楼主，这个设置了，可还是没有任何效果呀...，创建模版时候，两边依旧两个大空白

代码有用，在HelixFramework模版上全屏，漂亮，辛苦了。