WordPress 美化:知更鸟 Begin 主题侧边栏和两栏标题美化

沃森博客 2018年8月26日17:31:33WordPress评论871阅读模式

WordPress 美化:知更鸟 Begin 主题侧边栏和两栏标题美化

本站用的是知更鸟 Begin 主题 4.6 版,最新版下面修改失效,想折腾自己去修改吧。

将侧边栏标题 sidebar h3  位置 css 修改成以下

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

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

  1. .title-i {
  2.     floatleft;
  3.     width16px;
  4.     displaynone;
  5. }

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

WordPress 美化:知更鸟 Begin 主题侧边栏和两栏标题美化

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

两栏标题美化前效果图:

WordPress 美化:知更鸟 Begin 主题侧边栏和两栏标题美化

然后,将 .cat-box .cat-title a  位置 css 修改成以下即可。

  1. .cat-box .cat-title a {
  2.     floatleft;
  3.     width: 95%;
  4.     margin-left20px;
  5.     color#606777;
  6. }

两栏标题美化后效果图:

WordPress 美化:知更鸟 Begin 主题侧边栏和两栏标题美化

原文链接:https://www.zhushuming.cn/5735.html

沃森博客
  • 本文由 发表于 2018年8月26日17:31:33
  • 本文来自互利网收集整理,问题反馈联系邮箱:wosnnet@foxmail.com,转载请务必保留本文链接:https://wosn.net/1389.html

发表评论