Aiuto impaginazione Foto

[riccardob]

Ciao a tutti,
non riesco ad impaginare per bene la galleria dell immagini su qesta pagina:
http://lacasettadiagnese.it/index.php/torre-del-lago-puccini/fotografia?start=20
Come posso dividere la griglia in 5invece che 4?
Ho provato diverse impostazioni ma senza successo,è probabile che sia un problema di template-larghezza?
Uso phocagallery coem comp.
Grazie

[giovi]

ciao, hai provato a diminuire la larghezza delle thumbnails?

[adottauncane]

Sì, è una questione di larghezza. Puoi diminuire qui un po' il margin:

.phocagallery-box-file {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #2E2E2E;
    margin: 3px; <-------3px al posto di 5px
    padding: 5px;
}

[riccardob]

Sì, è una questione di larghezza. Puoi diminuire qui un po' il margin:

.phocagallery-box-file {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #2E2E2E;
    margin: 3px; <-------3px al posto di 5px
    padding: 5px;
}

ciao potresti indicarmi dove trovo questo file di testo da modificare?


GRAZIE

[giovi]

al percorso /components/com_phocagallery/assets/phocagallery.css

[riccardob]

al percorso /components/com_phocagallery/assets/phocagallery.css

ciao, io ho questo e non trovo quello che mi avete citato:
 
* Phoca Gallery http://www.phoca.cz */
#phocagallery {
 padding:0;
 margin:0;
}
#phocagallery a img {
 padding:0;
 margin:0;
 border:0px;
}
#phocagallery-pane .phocagallery-box-file,
#phocagallery .phocagallery-box-file,
.phocagallery-box-file {
 position:relative;
 float:left;
 text-align:center;
 /*overflow:visible;*/
}
#phocagallery-pane .phocagallery-box-file-first,
#phocagallery .phocagallery-box-file-first,
.phocagallery-box-file-first {
 
 overflow: hidden;
 display: table;
 vertical-align:middle;
}
#phocagallery-pane .phocagallery-box-file-second,
#phocagallery .phocagallery-box-file-second,
.phocagallery-box-file-second {
 display: table-cell;
 vertical-align: middle;
}
#phocagallery-pane .phocagallery-box-file-third,
#phocagallery .phocagallery-box-file-third,
.phocagallery-box-file-third {
 text-align:center;

[giovi]

quella dichiarazione precisa si trova (Credo) all'interno del componente stesso e non in un file esterno, ma puoi sovrascriverla tramite l'indicatore "!important" a seguire la dichiarazione.
Nel file linkato incolli

Codice: [Seleziona]

.phocagallery-box-file {
      margin: 3px !important;
}