B2主题-美化签到按钮

美化说明：
这篇文章介绍了针对WordPress网站7B2主题的美化方法,主要涉及签到按钮的美化。
作者提供了一段代码,建议将其添加至主题根目录下的style.css文件底部,以实现美化的效果。
需要注意的是,此方法可能仅适用于7B2主题,对其他主题可能无效。
教程如下:
将下方代码添加至主题根目录下的style.css文件底部保存即可

/*
* 签到按钮
*/
/*渐变文字*/
.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;
}