子比主题美化-文章页h2 h3标题美化-狸狸库

前言

给你的网站标题做个美化，提升美观度，只要是wordpress均可用

效果展示

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

教程开始

/*标题美化 */
.title-theme {
    padding: 0px 0px 0px 45px!important;
    background: url(/demo/h2.png) 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(/demo/h2.png) 10px center no-repeat;
    background-size: 30px 20px;
}
.wp-posts-content>h2.wp-block-heading{
    padding: 0px 0px 0px 45px!important;
    background: url(/demo/h2.png) 10px center no-repeat;
    background-size: 30px 20px;
}
.wp-posts-content>h3.wp-block-heading{
    padding: 0px 0px 0px 45px!important;
    background: url(/demo/h3.png) 10px center no-repeat;
    background-size: 30px 20px;
}
.wp-posts-content>h4.wp-block-heading{
    padding: 0px 0px 0px 45px!important;
    background: url(/demo/h3.png) 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;
}

记得本地化一下图片，在网站根目录新建文件夹demo并将图片放入即可

标题图.zip

下载

zip文件

1.1K

🎀 🌸

本文为原创文章，版权归狸狸库所有。
未经许可，禁止转载。如需转载，请联系作者并获得授权。
授权方式：CC BY-NC-SA 4.0（署名-非商业性使用-相同方式共享）。

THE END