Help > Forum > Utenti > Nascondere o modificare l'icona della corona e dello scudo che appare sugli avatar di moderatore e a

Nascondere o modificare l'icona della corona e dello scudo che appare sugli avatar di moderatore e a

Un'icona della corona appare nell'angolo in basso a destra dell'avatar per gli amministratori del forum e un'icona di scudo appare nell'angolo in basso a destra per i moderatori. L'icona dello scudo apparirà solo per un moderatore se il contenuto è correlato alle categorie a cui è stato assegnato il moderatore. Queste icone aiutano gli utenti a identificare rapidamente le persone che aiutano a supervisionare i contenuti nel forum o in determinate categorie.

È possibile nascondere o modificare le icone seguendo le istruzioni riportate di seguito:

  1. Accedi al tuo account Website Toolbox.
  2. Fare clic sul pulsante Aspetto link.
  3. Nella Aspetto , fare clic sul pulsante HTML link.
  4. Incollare uno o più codici CSS mostrati di seguito nel Codice HTML tag Forum Head casella di testo.

    Per nascondere entrambe le icone:

    <style>
      .image-wrapper > i.moderator_user, .image-wrapper > i.admin_user {
        display: none !important;
      }
    </style>
    

    Per nascondere l'icona dell'amministratore:

    <style>
      .image-wrapper > i.admin_user {
        display: none !important;
      }
    </style>
    

    Per nascondere l'icona del moderatore:

    <style>
      .image-wrapper > i.moderator_user {
        display: none !important;
      }
    </style>
    

    Per modificare l'icona dell'amministratore:

    <style>
      .image-wrapper > i.admin_user:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(URL/ADDRESS OF ICON GES HERE);
        background-size: 80%;
        background-position: center;
        background-repeat: no-repeat;
      }
    </style>
    

    Per cambiare l'icona del moderatore:

    <style>
      .image-wrapper > i.moderator_user:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(URL/ADDRESS OF ICON GES HERE);
        background-size: 80%;
        background-position: center;
        background-repeat: no-repeat;
      }
    </style>
    
  5. Salvare i tuoi cambiamenti.


If you still need help, please contact us.