The discussion revolves around implementing gradient username colors. grousx initially shared a CSS code snippet but reported it wasn’t working. Don suggested the issue was due to the code being restricted to users with ‘Premium’ as their primary group. To fix this, Don recommended removing the group specification, allowing the gradient effect to apply to all users. Alternatively, to restrict it to a specific group, Don advised replacing ‘Premium’ with the desired group name and setting the group as primary for members.
After applying the changes, grousx reported that the gradient effect was working but not displaying in profiles.
In here it seems to the Premium is the user primary group and the other part is works only for moderators. I think this is why is not working for you.
.names {
// This part is works only for users who's primary group is Premium
span.Premium a {
background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
// This part is works only for moderators
span.moderator a::after {
content:"★";
margin-left: 2px;
}
}
If you want to appear it for everyone that you shouldn’t use any group. So remove the Premium word will fix this.
.names {
// This part is works for everyone
span a {
background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
// This part is works only for moderators
span.moderator a::after {
content:"★";
margin-left: 2px;
}
}
Now I am moderator too so the is also appear.
If you want to restrict it for groups than you can follow the default code you shared but change the Premium word to your group name and don’t forget to set to make group for primary to members.
Like this
.names {
// This part is works only for users who's primary group
span.group_name a {
background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
// This part is works only for moderators
span.moderator a::after {
content:"★";
margin-left: 2px;
}
}