签到按钮美化 - B2主题美化

默认的签到按钮还有改进的空间。

默认的签到按钮还有改进的空间。

签到按钮美化 - B2主题美化-Npcink

代码

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

如何使用

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

相关推荐

签到按钮美化 - B2主题美化-Npcink
签到按钮美化 - B2主题美化-Npcink

WebGradients - 精选的CSS3,.sketch和.PSD格式的出色渐变集合

180个线性渐变的免费集合,您可以将其用作网站任何部分的内容背景。轻松复制CSS3跨浏览器代码,稍后使用
WP教程

怎么提升你的网站访问速度? - WordPress教程

2020-8-17 17:34:47

WP教程

怎么禁止纯英文、纯日文评论? - WordPress教程

2020-8-18 12:18:01

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索