新版Begin主题侧边栏和两栏标题美化

这个美化教程原先是在朱曙明博客看到的，他文章里提到6.27之后的begin主题无法使用这个教程，我就自己琢磨琢磨，看了下css，对比对比，就让我琢磨出了新版本的美化教程。

将侧边栏标题 sidebar h3  位置css修改成如下所示：

1. #sidebar h3, #sidebar-l h3 {
2. background: #fff;
3. height: 37.5px;
4. line-height: 37.5px;
5. border-bottom: 1px solid #e2e1e1;
6. margin: 0 20px 0 20px;
7. text-align: center;
8. font-size: 1.8rem;
9. letter-spacing: 4px;
10. color: #606777;
11. }

按照以上css修改后，标题栏位置还多了一个 .title-i  ，后台找到 .title-i  将其隐藏：

1. .title-i {
2. float: left;
3. width: 16px;
4. display: none;
5. }

将 .title-i 隐藏后，如下效果图：

然后，如果使用杂志布局的会发现两栏位置前面的标题ICO也会不见了。

接着，将 .cat-box .cat-title a  位置css修改成以下即可。

1. .cat-box .cat-title a {
2. float: left;
3. width: 98%;
4. margin-left: 20px;
5. color: #606777;
6. font-size: 1.8rem;
7. }

要注意font-size: 1.8rem;是原先的教程中没有的，新版本的Begin主题需要再加入这条代码，不然标题很小。

以上就是美化侧边栏和两栏标题的教程，具体效果请移步至本博客首页查看。