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

2018年8月26日17:31:33 发表评论 203

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

  • 博主微信
  • 赶快加我来聊天吧
  • weinxin
  • 站长技术资源群
  • 群号:483950522
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: