WordPress折腾之旅——修改知更鸟标题4样式

七月 7, 201912:23:37 2浏览:86
摘要

将知更鸟主题文章标题4的样式修改一下,使其变得更加好看一点。

WordPress折腾之旅——修改知更鸟标题4样式

前言

一直觉得知更鸟标题四的样式并不好看,有时候体现不出层次感,今天正好看到别人网站上也改了,自己就动手研究了一下也顺便将之改了。下面就来说一下修改的步骤吧。

修改inc.php

为啥要修该这个文件呢,因为这里定义了标题四为文章目录,同时也对标题四多了一个定义。

修改方式:修改主题目录下/inc/inc.php,将第117行的<span class="directory"></span>删除即可。

备注:不删也可以,但是外观上有点瑕疵。

WordPress折腾之旅——修改知更鸟标题4样式

修改style.css

编辑主题目录下的style.css文件,搜索.single-content h4找到

.single-content h4{font-size:16px;font-size:1.6rem;line-height:260%;text-indent:2em}

并将其替换为:

.single-content h4{font-size: 17px;font-size: 1.8rem;line-height: 190%;margin: 10px -20px;padding: 0 44px;border-left: 5px solid #1b93fb;background-color: #eee;border-bottom: 1px solid #e40000;}

到此就修改完毕了

样式预览

WordPress折腾之旅——修改知更鸟标题4样式

avatar

发表评论

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

目前评论:2   其中:访客  2   博主  0

    • avatar 演员

      看上去还行

        • avatar 如梦,浮尘

          @演员 通过调试代码可以快速改成自己喜欢的颜色,然后复制下来就ok了