WordPress主题有无数个，但是真正符合自己标准的寥寥无几，所以，大多数童鞋安装主题后都会自己动手进行美化。因为本站使用的是知更鸟begin主题，其主题功能很牛叉，但是风格真是丑的一比啊，所以我们就动手自己稍微修改。今天给大家带来一个美化面包屑导航的方法，是在【语云博客】看到的，非常实用，修改也很简单。之前也看到了类似教程，但是或多或少会有点问题，这个修改后的方法，一直没发现什么问题。因此，拿来跟大家分享。
一、修改style.css文件
打开主题根目录下的styless.css文件，查找下面的代码：
- /** 位置 **/
- .breadcrumb {
- width: 1120px;
- height: 25px;
- line-height: 25px;
- margin: 0 auto;
- padding-left: 10px;
- white-space: nowrap;
- word-wrap: normal;
- text-overflow: ellipsis;
- overflow: hidden;
- }
将下面的代码替换掉上面的代码：
- .breadcrumb {
- margin: 10px auto;
- border: 1px solid #ddd;
- border-radius: 2px;
- background-color: #fff;
- padding-top: 4px;
- padding-bottom: 4px;
- padding-left: 10px;
- }
二、效果前后对比
效果后：
效果前：
完美解决！
星光博客 站长语录
星光博客，欢迎各位来访！这是我的QQ，扫一扫，加好友。大家一起交流博客建站技术，分享前沿资讯！
2018年5月16日 下午10:23 1F
博主，您好，请问文章标题和H标签的背景是怎么修改的？
2018年5月17日 上午8:59 B1
@ pydata 需要的话，自己扒一下代码就可以了。我也是从他们那里学的。
2018年12月19日 下午12:49 2F
楼主标题文字不居中怎么解？
2018年12月19日 下午4:24 B1
@ . 文章标题文字不居中吗？
2019年12月28日 下午6:15 3F
应该把.breadcrumb
换成.bread
并在标签中加入width: 1120px;
2019年12月29日 下午7:09 B1
@ 极速ACP备考 最新版主题换成了.bread ，这个是旧主题的美化方法，谢谢指教！