更改默认徽章颜色（青铜、银色、金色）

开发
1

可以将徽章的颜色从金色、银色和青铜色更改为更符合我们主题颜色的 3 种颜色吗？希望更改它们以更好地匹配。

2

我不是 CSS 专家，但这是我的解决方案……只需从下方更改颜色，以更好地匹配您的主题颜色。我还建议阅读此主题，它过去对我非常有帮助，因为它帮助我学会了为我的网站做很酷的事情。

Bronze

.badge-card .badge-contents .badge-icon.badge-type-bronze .fa {
    color: #cd7f32 !important;
}

Silver

.badge-card .badge-contents .badge-icon.badge-type-silver .fa {
    color: silver !important;
}

Gold

.badge-card .badge-contents .badge-icon.badge-type-gold .fa {
    color: #e7c300 !important;
}
4

太棒了。非常感谢！

5

你只是用检查来查找东西吗？我都改好了，但现在正在尝试处理用户卡上显示的内容。Chrome 检查是找出事物名称的方法吗？

6

是的，只需检查元素即可找到您需要进行自定义的类。我也觉得styleguide很有帮助。

7

太棒了！那个风格指南是关键。它确实帮助我在发布前调整了所有样式。你知道可以从那里访问管理部分吗？我没找到。唯一需要解决的是用户按信任级别的颜色。我尝试检查但没有任何东西能改变这个小小的青铜色容器。这是最后的任务，我决心今天完成它，哈哈

Screenshot 2023-07-30 at 8.02.18 AM
Screenshot 2023-07-30 at 8.02.18 AM560×222 4.31 KB

8

那在管理员仪表板中，普通用户反正也看不到。但这是你要的：

TL 1：

.user-metrics .table-cell.user-basic {
    background: [在此处插入颜色代码或变量];
}

TL 2：

.user-metrics .table-cell.user-member {
    background: [在此处插入颜色代码或变量];
}

TL 3：

.user-metrics .table-cell.user-regular {
    background: [在此处插入颜色代码或变量];
}

TL 4：

.user-metrics .table-cell.user-leader {
    background: [在此处插入颜色代码或变量];
}
9

太棒了。我的强迫症非常感谢您！！！ :joy: