← Tous les exemples

Infobulles plus lisibles

Élargit les infobulles et renvoie leur texte à la ligne pour voir entièrement les longues descriptions.

Code à copier

[role="tooltip"] {
  max-width: 420px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  padding: 10px 12px !important;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.