快好知 kuaihz

wordpress美化知更鸟主题面包屑导航栏样式

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;

}

二、效果前后对比

效果后:

效果前:

 

方法二:(自用)

代码:直接放入后台自定义,或者css里面

.breadcrumb{border-width:1px;

background-color:rgb(255, 255, 255);

margin-Bottom:5px;border-radius:2px;margin-top:5px;}

完美解决!

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:知更鸟  知更鸟词条  面包屑  面包屑词条  美化  美化词条  样式  样式词条  wordpress  wordpress词条  
优化

 外链的效果

 【手工外链】外链的效果  在网站中都会插入相关的外部链接,因为这些外部链接可以让你的网站更加的丰富和完整,也可以为你的网站增加一定的点击量提高网站在搜索引擎的...(展开)

优化

 Erphpdown wordpr...

随着模板兔开发的Erphpdown插件越来越普及,市面上的支付接口申请难度越来越大,又有很多用户向我们推荐集成有赞云支付接口,所以我们今天集成了一下,经亲自测试...(展开)