wordpress知更鸟begin主题面包屑导航栏加框美化

2020年1月15日14:00:47 评论 140

WordPress主题有很多很多,但是真正自己喜欢看的顺眼的没有几个,所以,大多数站长安装主题后都会自己动手进行美化。本站使用的是知更鸟begin主题,其主题功能很牛叉,但是风格真的不得我心,所以我就自己动手稍微修改。这个是美化面包屑导航的方法,是在【星光博客】看到的,非常实用,修改也很简单。之前也看到了类似教程,但是或多或少会有点问题,这个修改后的方法,一直没发现什么问题。因此,拿来跟大家分享。

一、修改主题目录下的style.css文件

打开主题根目录下的style.css文件,查找下面的代码:

.bread{
width: 1120px;
height: 25px;
line-height: 25px;
margin: 0 auto;
padding-left: 10px;
white-space: nowrap;
word-wrap: normal;
text-overflow: ellipsis;
overflow: hidden;
}
#注意:主题中是写到一行的,没有进行分割

将下面的代码替换掉上面的代码:

.bread{
    width: 1120px;
    margin: 10px auto;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
}

 

二、效果前后对比

直接查看本站公告栏即可

  • 客服微信
  • 微信扫一扫
  • weinxin
  • 微信公众号
  • OPS技术联盟,每天掌握一个小知识!
  • weinxin

发表评论

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