优化Olsen Light布局

Olsen Light默认的1040宽度,8:4的conent:sidebar现在看来太窄了,又不想升级PRO:)

1. 增加额外的css设置

此步骤中的1600px可根据需要调整:)

.container {
width: 1600px;
}

2. 修改Main Index Template (index.php)

在原第19行位置,找到如下代码:

<div class="“col-lg-8”"> </div>
 
 <div class="col-lg-9"></div>
 

用<!— —>注释掉; 增加如下代码:

 

在原大概第68行位置,找到如下代码:

&lt;div class="“col-lg-4”"&gt; &lt;/div&gt;

同样用<!— —>注释掉; 增加如下代码:

&lt;div class="“col-lg-3”"&gt; &lt;/div&gt;

这样就将显示为9:3的大小,看起来舒服多了。

3. 修改layout.php (inc/layout.php)
这是后面研究的第二个方案,比第2种更简单。注意:第一步仍需保留!

注释掉原代码的第31-32行:

$content_col       = ‘col-lg-8’;
$sidebar_right_col = ‘col-lg-4’;

新增如下代码:

$content_col       = ‘col-lg-9’;
$sidebar_right_col = ‘col-lg-3’;

也可删除(修改)而不是注释,用注释是想保留原代码。

You may also like

Leave a Reply

Your email address will not be published. Required fields are marked *