wordpress修改二级标题h2前色块颜色

  • A+
所属分类:网站建设

wordpress修改二级标题h2前色块颜色

今天在修改博客主题颜色时发现,主题颜色改变后,二级标题、三级标题的颜色不会随着主题颜色的改变而改变。比如,我主题颜色改为蓝色,但二级标题、三级标题颜色还是红色,显得很违和。所以,我开始手动改变标题的颜色。

第一步:找到此标题在style.css中的位置

在Chrome或Firefox浏览器中打开文章,点击键盘的F12键,在出来的控制台上点击左上角的箭头,如图所示:

wordpress修改二级标题h2前色块颜色      然后用鼠标点击你要调整颜色的位置的色块,我这边是“背景”前的红色的块。之后,控制台将分成左右两部分显示,左侧显示的是当前网页元素的HTML结构,右侧是当前元素选择器的样式属性和所在的文件及行数。如图所示:

wordpress修改二级标题h2前色块颜色      从红色框中我们可以得到:我们要修改的位置在style.css文件的2031行。

打开style.css文件进行修改

style.css文件位于wordpress安装目录/wp-content/themes/主题名/下。通过文本编辑器或者Vim软件可以打开并进行修改。如图所示,我们找到2031行,将border-left后的颜色值改成自己喜欢的即可。

wordpress修改二级标题h2前色块颜色

许龙涛

发表评论

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