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à:
[php]
.ngg-gallery-thumbnail-box {
float: left;
margin-right: 5px;
display: inline-block
}
.ngg-gallery-thumbnail {
float: center
}
[/php]
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
[php]
.ngg-galleryoverview {
text-align:center;
}
.ngg-gallery-thumbnail-box {
float:none !important;
display:inline
[/php]
Aggiornamento 2017
Per le nuove versioni del PLUGIN si può correggere in questo modo:
inserendo questo codice in Altre Opzioni->Stili->Abilita Custom CSS
[php]
<span class="pun">.</span><span class="pln">ngg</span><span class="pun">-</span><span class="pln">galleryoverview </span><span class="pun">{</span><span class="pln"> text</span><span class="pun">-</span><span class="pln">align</span><span class="pun">:</span><span class="pln">center</span><span class="pun">;</span> <span class="pun">}</span></pre>
<pre><span class="pun">.</span><span class="pln">ngg</span><span class="pun">-</span><span class="pln">gallery</span><span class="pun">-</span><span class="pln">thumbnail</span><span class="pun">-</span><span class="pln">box </span><span class="pun">{</span> <span class="kwd">float</span><span class="pun">:</span><span class="pln">none </span><span class="pun">!</span><span class="pln">important</span><span class="pun">;</span><span class="pln"> display</span><span class="pun">:</span><span class="kwd">inline</span><span class="pun">-</span><span class="pln">block</span><span class="pun">;</span> <span class="pun">}</span>
[/php]
Seguici su:
Potrebbero Interessarti anche:
Per maggiori informazioni, per suggerimenti e ottenere un preventivo gratuito per le tue esigenze, contatta la nostra Web Agency.
Il nostro staff di professionisti sarà lieto di fornire tutte le informazioni ed i costi riguardanti il servizio.
Attenzione : Webx.it non è un servizio di helpdesk “gratuito” a cui chiedere informazioni.
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