Dans une galerie Divi, l’ouverture d’une image en lightbox peut afficher une légende ou un titre. Selon le design souhaité, cette information peut être inutile ou gênante.
Contenu avancé #
Cet article utilise du code CSS. Une mauvaise manipulation peut impacter l’affichage des images en lightbox.
Objectif #
Masquer la légende ou le texte affiché dans la lightbox d’une galerie Divi.
Code CSS à utiliser #
Ajoute le code suivant dans le CSS personnalisé du site :
.mfp-title {
display: none;
}
Comprendre le fonctionnement #
La classe .mfp-title correspond au texte affiché dans la lightbox utilisée par Divi pour les galeries.
En appliquant display: none;, tu masques simplement cette zone de texte.
Où ajouter ce code #
- Dans Divi → Options du thème → CSS personnalisé
- Dans Apparence → Personnaliser → CSS additionnel
- Dans le CSS d’une page ou d’un module si tu veux limiter l’effet
Quand utiliser cette méthode #
- Si la légende affichée dans la lightbox n’est pas utile
- Si tu veux un affichage plus minimaliste
- Si le texte affiché perturbe le rendu visuel de la galerie
Points d’attention #
- Ce code masque la légende dans toutes les lightbox utilisant ce même sélecteur
- Si tu veux limiter l’effet à une galerie précise, il faut utiliser un sélecteur plus spécifique
- Selon les évolutions de Divi, la structure de la lightbox peut changer
Astuce utile #
Avant d’appliquer ce CSS globalement, vérifie que la légende n’apporte pas une information utile sur certaines images.
Compatibilité #
Cette méthode fonctionne avec les galeries Divi utilisant la lightbox classique. Si ton site utilise un système de galerie ou une lightbox personnalisée, le sélecteur peut être différent.
Pour conclure #
Ce petit snippet permet de simplifier l’affichage d’une galerie en lightbox en supprimant la légende. C’est une solution rapide et efficace pour obtenir un rendu plus épuré.