欢迎, 游客
用户名: 密码: 记住我
  • 页:
  • 1

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

关于页面左右空白问题 11 个月 3 周 前 #10

由于各模板样式差异,使用页面工厂创建(或导入)页面会出现左右两侧空白区域(不能全宽),解决这个问题,需要我们手动设置一下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
The following user(s) said Thank You: centermj

Please 登录注册一个帐号 to join the conversation.

最后修改: 由 webadmin.

关于页面左右空白问题 5 个月 1 周 前 #33

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

Please 登录注册一个帐号 to join the conversation.

关于页面左右空白问题 2 周 5 天 前 #41

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

Please 登录注册一个帐号 to join the conversation.

  • 页:
  • 1
创建页面时间:0.107秒