如何调整内容和侧边栏的间距

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 中进行数值的设置即可。

需要去编辑主题的一个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的情况下，当你网站升级主题的时候，会把这些修改覆盖掉，到时候还得记得重新改一下。