[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
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;}
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 🙂
oui la solution n°2 est « plus propre » et beaucoup plus facile à mettre en oeuvre