更新日期: 2018-05-23
问题
Avada主题的侧边栏和正文的内容区域的间距过大,如何调整?
比如:给Sidebar设置了宽度是28%,然后审查元素去看内容区域的宽度的样式,如下:
body.has-sidebar #content {
width: calc(100% - 28% - 80px);
}
也就是内容区域(div的ID是#content)的宽度是 总宽度-侧边栏宽度-80px。也就是中间的这个间隔就是这个 80px 导致的。
问题是这个80px的参数在theme option中没有可以去修改的地方。
那么我们该怎么办?
解决方法
Avada5.5.2 版本已经把这个设置更新到theme options当中进行设置。
在 Theme Options -> Layout 中找到 Single Sidebar Gutter 或 Dual Sidebar Gutter 中进行数值的设置即可。
Avada 5.5.1 及以前版本的解决方法
需要去编辑主题的一个php文件进行修改:
Appearance -> Editor -> Avada -> dynamic_css.php (includes/dynamic_css.php)
找到:
if ( false !== strpos( Avada()->settings->get( 'site_width' ), 'px' ) ) { $margin = ‘80px'; $half_margin = ‘40px'; } else { $margin = '6%'; $half_margin = '3%'; }
改成:
if ( false !== strpos( Avada()->settings->get( 'site_width' ), 'px' ) ) { $margin = '40px'; $half_margin = '20px'; } else { $margin = '6%'; $half_margin = '3%'; }
保存。
此时,内容区域和侧边栏区域的间隔可能还是没有变化,需要重置 Fusion Caches,具体方法如下:
Theme Options -> Advanced -> Dynamic CSS & JS -> Reset Fusion Caches
扩展问题
在Avada主题中:
网站总宽度如何设置?
Theme Options -> Layout -> Site Width, 默认是1100px
侧边栏宽度如何设置?
Theme Options -> Layout -> Single Sidebar Layouts -> Single Sidebar Width
提醒事项
在Editor中编辑的任何东西,务必自己用笔记本记好了,哪些地方做了修改(推荐evernote或者有道云笔记)。
如果没有使用Child Theme的情况下,当你网站升级主题的时候,会把这些修改覆盖掉,到时候还得记得重新改一下。