Posso fare colori sfumati per il nome utente?

[grousx]

Ho già fatto ricerche e trovato quel codice;

// Colori appartenenti ai gruppi
.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;
  }
}

e l’ho incollato nel CSS ma non funziona.

[Don]

Ciao,

Qui sembra che Premium sia il gruppo principale dell’utente e l’altra parte funziona solo per i moderatori. Penso che sia per questo che non funziona per te.

.names {
  // Questa parte funziona solo per gli utenti il cui gruppo principale è Premium
  span.Premium a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  // Questa parte funziona solo per i moderatori
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

---

Se vuoi che appaia per tutti, non dovresti usare alcun gruppo. Quindi rimuovere la parola Premium risolverà questo problema.

.names {
  // Questa parte funziona per tutti
  span a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  // Questa parte funziona solo per i moderatori
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

Ora sono anche un moderatore, quindi appare anche la .

---

Se vuoi limitarlo ai gruppi, puoi seguire il codice predefinito che hai condiviso, ma cambia la parola Premium con il nome del tuo gruppo e non dimenticare di impostare il gruppo come principale per i membri.

Come questo

.names {
  // Questa parte funziona solo per gli utenti il cui gruppo principale
  span.group_name a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  // Questa parte funziona solo per i moderatori
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

[grousx]

Grazie, sta funzionando ma non viene visualizzato nel profilo, come posso impostarlo?