Wordpress – Nextgen gallery by photocrati – Align thumbnails Center

Mi sono trovato nella necessità di allineare nel centro di un articolo una galleria, realizzata con il plugin “Nextgen gallery by photocrati”.
Purtroppo non è sufficiente inserire dei tags “center”, div, ecc attorno alla galleria (dentro l’articolo) perchè non si “ottiene l’allineamento” necessario.

Per allineare al centro è necessario modificare direttamente i file CSS del Plugin.
Sarà necessario “scaricare” il Plugin in locale, via FTP.

Il file da “modificare” è all’indirizzo :
nextgen-gallery\products\photocrati_nextgen\modules\nextgen_basic_gallery\static\thumbnails\
e si chiama : nextgen_basic_thumbnails.css

Devono essere modificate le seguenti proprietà:


.ngg-gallery-thumbnail-box {
 float: left;
 margin-right: 5px;
 display: inline-block
}

.ngg-gallery-thumbnail {
 float: center
}

Aggiornamento Giugno 2015
Per le nuove versioni del PLUGIN si può correggere in questo modo:
inserendo questo codice in Altre Opzioni->Stili->Abilita Custom CSS

.ngg-galleryoverview {
text-align:center;
}
.ngg-gallery-thumbnail-box {
float:none !important;
display:inline

Aggiornamento 2017
Per le nuove versioni del PLUGIN si può correggere in questo modo:
inserendo questo codice in Altre Opzioni->Stili->Abilita Custom CSS

&lt;span class="pun"&gt;.&lt;/span&gt;&lt;span class="pln"&gt;ngg&lt;/span&gt;&lt;span class="pun"&gt;-&lt;/span&gt;&lt;span class="pln"&gt;galleryoverview &lt;/span&gt;&lt;span class="pun"&gt;{&lt;/span&gt;&lt;span class="pln"&gt; text&lt;/span&gt;&lt;span class="pun"&gt;-&lt;/span&gt;&lt;span class="pln"&gt;align&lt;/span&gt;&lt;span class="pun"&gt;:&lt;/span&gt;&lt;span class="pln"&gt;center&lt;/span&gt;&lt;span class="pun"&gt;;&lt;/span&gt; &lt;span class="pun"&gt;}&lt;/span&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;span class="pun"&gt;.&lt;/span&gt;&lt;span class="pln"&gt;ngg&lt;/span&gt;&lt;span class="pun"&gt;-&lt;/span&gt;&lt;span class="pln"&gt;gallery&lt;/span&gt;&lt;span class="pun"&gt;-&lt;/span&gt;&lt;span class="pln"&gt;thumbnail&lt;/span&gt;&lt;span class="pun"&gt;-&lt;/span&gt;&lt;span class="pln"&gt;box &lt;/span&gt;&lt;span class="pun"&gt;{&lt;/span&gt; &lt;span class="kwd"&gt;float&lt;/span&gt;&lt;span class="pun"&gt;:&lt;/span&gt;&lt;span class="pln"&gt;none &lt;/span&gt;&lt;span class="pun"&gt;!&lt;/span&gt;&lt;span class="pln"&gt;important&lt;/span&gt;&lt;span class="pun"&gt;;&lt;/span&gt;&lt;span class="pln"&gt; display&lt;/span&gt;&lt;span class="pun"&gt;:&lt;/span&gt;&lt;span class="kwd"&gt;inline&lt;/span&gt;&lt;span class="pun"&gt;-&lt;/span&gt;&lt;span class="pln"&gt;block&lt;/span&gt;&lt;span class="pun"&gt;;&lt;/span&gt; &lt;span class="pun"&gt;}&lt;/span&gt;

Fonti : Nextgen gallery by photocrati allineare al centro, Nextgen gallery photocrati align center, allineare al centro Nextgen gallery, Nextgen gallery by photocrati thumbnails center, How to align center Nextgen gallery by photocrati, allineare al centro Nextgen gallery by photocrati