子比主题美化 – 标题美化

想法是将左竖线和底部横线before 元素修改为本站favicon猫爪,由于子比左竖线是全局生效,所以也会影响到相同的地方,例如小工具内的标题以及评论区、相关推荐等区块标题,CSS代码即可解决,里面可替换自己喜欢的图片

图片[1]-子比主题美化 – 标题美化-狸狸库 - 网络资源收集与分享

代码如下

/*猫爪*/
.title-theme {
    padding: 0px 0px 0px 45px!important;
    background: url(https://blog.zbiwl.com/image/cat.svg) 10px center no-repeat;
    background-size: 30px 20px;
    color: #566889;
}
.title-theme:before {
display:none;
}
.wp-posts-content>h1.wp-block-heading{
    padding: 0px 0px 0px 45px!important;
    background: url(https://blog.zbiwl.com/image/cat.svg) 10px center no-repeat;
    background-size: 30px 20px;
}
.wp-posts-content>h2.wp-block-heading{
    padding: 0px 0px 0px 45px!important;
    background: url(https://blog.zbiwl.com/image/cat.svg) 10px center no-repeat;
    background-size: 30px 20px;
}
.wp-posts-content>h3.wp-block-heading{
    padding: 0px 0px 0px 45px!important;
    background: url(https://blog.zbiwl.com/image/cat.svg) 10px center no-repeat;
    background-size: 30px 20px;
}
.wp-posts-content>h4.wp-block-heading{
    padding: 0px 0px 0px 45px!important;
    background: url(https://blog.zbiwl.com/image/cat.svg) 10px center no-repeat;
    background-size: 30px 20px;
}
.wp-posts-content>h1.wp-block-heading:before{
    display:none;
}
.wp-posts-content>h2.wp-block-heading:before{
    display:none;
}
.wp-posts-content>h3.wp-block-heading:before{
    display:none;
}
.wp-posts-content>h4.wp-block-heading:before{
    display:none;
}
© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容