查看更多

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

将侧边栏标题 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.     floatleft;
  3.     width16px;
  4.     displaynone;
  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主题需要再加入这条代码,不然标题很小。

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

显示评论 (34)

文章评论

相关推荐

WordPress添加豆瓣书影记录——bmdb插件介绍

介绍一款一条龙全自动添加豆瓣书影记录的插件。该插件为熊野在基于牧风的项目上开发的WordPress插件。 在该页面申请Secret:https://bm.weajs.com/另外还需要填写你的豆瓣id…

又一次折腾博客,这次换主题了

正如文章标题所说,我又换主题了。上一次换主题是6月份的时候,花钱买了Begin正版主题,刚开始是喜欢Begin大气的风格,功能多,样式好看,特别是方框式的评论框,知更鸟大神真厉害!但是我觉得我希望我博…