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

效果图

教程

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

/* 签到按钮美化开始 - www.287587.com*//*渐变文字*/.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;
}
/* 签到按钮美化结束*/