¿Puedo hacer colores de nombre de usuario degradados?

[grousx]

Ya he investigado y encontrado ese código;

// Colores de los grupos
.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;
  }
}

y lo he pegado en CSS pero no funciona.

[Don]

Hola,

Aquí parece que Premium es el grupo principal del usuario y la otra parte solo funciona para los moderadores. Creo que por eso no te está funcionando.

.names {
  // Esta parte solo funciona para usuarios cuyo grupo principal es Premium
  span.Premium a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  // Esta parte solo funciona para moderadores
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

---

Si quieres que aparezca para todos, no deberías usar ningún grupo. Así que eliminar la palabra Premium lo solucionará.

.names {
  // Esta parte funciona para todos
  span a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  // Esta parte solo funciona para moderadores
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

Ahora yo también soy moderador, así que el también aparece.

---

Si quieres restringirlo para grupos, puedes seguir el código predeterminado que compartiste, pero cambia la palabra Premium por el nombre de tu grupo y no olvides configurarlo para que el grupo sea principal para los miembros.

Como esto

.names {
  // Esta parte solo funciona para el grupo principal de los usuarios
  span.group_name a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  // Esta parte solo funciona para moderadores
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

[grousx]

Gracias, está funcionando pero no se muestra en el perfil, ¿cómo puedo configurarlo?