子比主题美化 – 标题美化

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

效果图如下：

步骤：

直接将下方代码加入子比CSS代码区即可

/*机器猫*/
.title-theme {
    padding: 0px 0px 0px 45px!important;
    background: url(https://blog.a686.de/img/5.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.a686.de/img/5.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.a686.de/img/5.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.a686.de/img/5.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.a686.de/img/5.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;
}

------本页内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。

文章版权声明 1 本网站名称：顾熙博客
2 本站永久网址：https://blog.a686.de
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ407177932进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

文章版权归作者所有，未经允许请勿转载。声明：下载本站资源即同意用户协议，本站程序只是提供给开发者学习研究。

THE END

WP教程教程分享