Help

Help > Forum > Usuarios > Ocultar o cambiar el icono de la corona y el escudo que aparece en los avatares de moderador y admin

Ocultar o cambiar el icono de la corona y el escudo que aparece en los avatares de moderador y admin

El icono de una corona aparece en la esquina inferior derecha del avatar para los administradores del foro y un icono con forma de escudo en la esquina inferior derecha para los moderadores. El icono del escudo solo aparecerá para los moderadores si el contenido está relacionado con las categorías a las que ha sido asignado el moderador. Estos iconos ayudan a los usuarios a identificar rápidamente a las personas que ayudan a supervisar el contenido del foro o de determinadas categorías.

Puedes ocultar o cambiar los iconos siguiendo las instrucciones que aparecen a continuación:

  1. Inicie sesión en su cuenta de Website Toolbox.
  2. Haga clic en el Integrar enlace en el menú principal.
  3. Haga clic en el Código personalizado enlace.
  4. Pegue uno o más de los códigos CSS que se muestran a continuación en Código HTML de la etiqueta principal del foro cuadro de texto.

    Para ocultar ambos iconos:

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

    Para ocultar el icono de administrador:

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

    Para ocultar el icono del moderador:

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

    Para cambiar el icono de administrador:

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

    Para cambiar el icono del moderador:

    <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. Guardar tus cambios.


If you still need help, please contact us.