Help > Forum > Utilisateurs > Masquer ou modifier l'icône de la couronne et du bouclier qui apparaît sur les avatars du modérateur

Masquer ou modifier l'icône de la couronne et du bouclier qui apparaît sur les avatars du modérateur

Une icône de couronne apparaît vers le coin inférieur droit de l'avatar pour les administrateurs du forum et une icône de bouclier apparaît vers le coin inférieur droit pour les modérateurs. L'icône de bouclier n'apparaît pour un modérateur que si le contenu est lié aux catégories auxquelles le modérateur a été affecté. Ces icônes aident les utilisateurs à identifier rapidement les personnes qui aident à superviser le contenu dans le forum ou dans certaines catégories.

Vous pouvez masquer ou modifier les icônes en suivant les instructions ci-dessous :

  1. Connectez-vous à votre compte Website Toolbox.
  2. Cliquez sur le bouton Apparence lien.
  3. Dans le Apparence , cliquez sur le bouton HTML lien.
  4. Collez un ou plusieurs des codes CSS indiqués ci-dessous dans le fichier Code HTML de la balise de tête de forum zone de texte.

    Pour masquer les deux icônes :

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

    Pour masquer l'icône administrateur :

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

    Pour masquer l'icône du modérateur :

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

    Pour modifier l'icône administrateur :

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

    Pour modifier l'icône du modérateur :

    <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. Sauvegarder vos changements.


If you still need help, please contact us.