[WORDPRESS] centrer cette fichu NextGEN Gallery

Créé le : 12 mai 20142 Commentaires
Catégorie: Divers
Mise à jour : 20 mai 2014

[WORDPRESS] centrer cette fichu NextGEN Gallery

closeCet article a été publié il y a 5 ans 4 mois 13 jours, il est donc possible qu’il ne soit plus à jour. Les informations proposées sont donc peut-être expirées.

Sur WordPress, une des gallerie les plus populaire est sans doute le plugin NextGEN Gallery. Il est très bien, fait bien ce qu’on lui demande, cependant pour je ne sais quelle raison les galleries de type « Basic Thumbnails » sont forcément alignées à gauche. Pour certains sites il est parfois plus joli de centrer l’ensemble des vignettes…

Solution n°1

Modifier les fichiers du plugin
Avec Filezilla, naviguer jusqu’au répertoire /wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/nextgen_basic_gallery/static/thumbnails

Télécharger le fichier : nextgen_basic_thumbnails.css

Modification du fichier CSS

Ajouter  à la classe .ngg-galleryoverview
text-align: center;
Supprimer à la classe .ngg-gallery-thumbnail-box
float: left;
Ajouter  à la classe .ngg-gallery-thumbnail-box
display: inline-block;

Ré-uploader le fichier à son emplacement d’origine
Ça y est! vos galleries sont (enfin) centrés

Solution n°2

Encore mieux….ne pas modifier les fichiers du plugin mais directement le CSS de votre thème (c’est quand même plus propre non?)
L’astuce c’est l’utilisation du suffixe !important les modifications ne seront pas écrasés par le CSS du plugin
Il suffit d’ajouter à la fin de votre css le code suivant
/*======fix centrer NextGEN Gallery============*/
.ngg-galleryoverview{text-align: center !important;}
.ngg-gallery-thumbnail-box{float:none !important;display: inline-block !important;}

Tags: -

2 commentaires pour “[WORDPRESS] centrer cette fichu NextGEN Gallery”

  1. Génial !!! Un grand Merci

    Je confirme qu’en 2016 la solution n° 2 fonctionne encore. Je viens de l’utiliser sur un de mes sites en production et je vais pouvoir rectifier l’alignement sur les autres.

    Par contre pour la solution 1 je me perdais dans le fouillis des fichiers de la dernière version du plugin à la recherche du bon fichier css et je n’ai pas insisté…

    Anne 🙂

  2. oui la solution n°2 est « plus propre » et beaucoup plus facile à mettre en oeuvre

Laissez un commentaire