如何修改知更鸟Begin主题面包屑导航的背景颜色?

我的博客采用的背景是自定义的一张深色背景的图片,但是知更鸟Begin主题默认的面包屑导航的文字颜色也是深色的,这就与我设置的背景颜色冲突了。

如何修改知更鸟Begin主题面包屑导航的背景颜色?

如是,我找到了面包屑导航的CSS文件并把它修改成了黄色带圆角的半透明背景,如下:

(关于如何定位要修改的元素的代码参见这篇文章:http://www.wpblog.gtlleon.com/2017/06/08/如何通过修改具体代码来修订知更鸟begin主题?

如何修改知更鸟Begin主题面包屑导航的背景颜色?

修改的方法如下:

使用工具连接到服务器,在服务器文件目录中定位到知更鸟Begin主题所在的文件夹,在Begin主题文件夹根目录找到style.css文件,将它打开(或者直接进入wordpress后台,在外观-->编辑里面就可以找到style.css文件),并在.breadcrumb{...}代码块里面添加以下代码:

background-color:YELLOW; //表示将背景颜色改成黄色
margin-top:5px;    //上边距5px
margin-bottom:5px;    //下边距5px
opacity:0.8;    //透明度0.8
border-radius:7px 7px;    //设置圆角为7px

如何修改知更鸟Begin主题面包屑导航的背景颜色?

然后保存上传到服务器覆盖原来的style.css文件,问题就解决了。


参考链接:http://www.wpblog.gtlleon.com/2017/06/08/如何通过修改具体代码来修订知更鸟begin主题?

原文链接:http://www.wpblog.gtlleon.com/2017/06/09/如何修改知更鸟begin主题面包屑导航的背景颜色?

转载请注明出处。

光太狼Leon

发表评论

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