WordPress网站7b2主题签到按钮美化

文章最后更新时间:2024-02-03 18:03:13

这是针对WordPress网站7B2主题的美化,其他主题可能用不上

图片[1] - WordPress网站7b2主题签到按钮美化

教程如下

将下方代码添加至主题根目录下的style.css文件底部保存即可

/*
* 签到按钮-www.xiaohulizyw.cn
*/
/*渐变文字*/
.user-w-qd {
background-image: linear-gradient(90deg, #673ab7 0%, #e91e63 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 15px;
}
/*去除背景图片*/
.user-w-qd-list-title {
background-image: none;
}
/*隐藏背景颜色*/
.user-w-qd-list-title {
background-color: #f000 !important;
}
/*左边按钮*/
.user-w-qd-list-title p.picked span {
background-image: linear-gradient(90deg, #03a9f4 0%, #00bcd4 100%);
color: #fff;
font-size: 15px;
}
/*右边按钮*/
.user-w-qd-list-title p span {
border-radius: 3px;
background-image: linear-gradient(90deg, #ec867e 0%, #ec6190 100%);
color: #fff;
color: #fff;
font-size: 15px;
}
THE END
点赞14 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容