Can i do gradient username colors?

support
1

I already researched and found that code;

// Gruplara ait renkler
.names {
span.Premium a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

and pasted to CSS but it isn’t working.

2

Hello,

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;
  }
}

Screenshot 2022-08-14 at 20.51.41

Now I am moderator too so the :star: is also appear.

Screenshot 2022-08-14 at 20.52.05

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. :slightly_smiling_face:

Like this :arrow_down_small:

.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;
  }
}
4 Likes
3

Thanks it is working but it doesnt showing in profile how can i set that?

Screenshot_2022_0815_214145

4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.