知更鸟begin主题公告栏面包屑导航栏美化教程

admin 2019年9月23日10:52:33 评论 156

我们都知道知更鸟知更鸟begin主题公告栏面包屑导航栏默认的是很不好看,今天菜鸟IT就来分享一下方法。

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

.bread {
    width: 1122px;
    height: 25px;
    line-height: 25px;
    margin: 0 auto;
    padding-left: 10px;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

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

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

注意:要在主题定制风格里自定义宽度不然会超长。

替换前效果:

替换后效果:

admin

发表评论

您必须才能发表评论!