KB-GLPI - Personaliser l'UI avec CSS

Applicable à : GLPI 10+

Problème

 

Besoin de personnaliser les logo GLPI ( login et menu ).

Le plugin 'Branding' permettant de le faire est soumis à abonnement au store GLPI.

L'édition des fichiers de configuration ou de page peut s'avérer compliqué.

 

---

Solution

Note : il est possible d'appliquer un style par entité / sous-entités.

Depuis la version 10, il est possible de personnaliser les style de page GLPI par entités.

Pour cela, aller dans "Administration --> Entités " et sélectionner l'entité racine.

Puis aller dans la page "Personnalisation de l'interface"

Passer 'Activer la personnalisation CSS' à 'Oui' et entrer le code suivant dans le bloc de code :

body.welcome-anonymous .card-body { background-color:#cfdcea}
body.welcome-anonymous .glpi-logo {
    --logo: url("<url du logo>");
      content: var(--logo);
    height: 200px;
      width: 380px;
}
.page .glpi-logo {
  background: url("<url du logo>") no-repeat;
  background-size: 100px 50px;
}

Et sauvegarder.

---

Sources

n/a