Joomla.it Forum

Componenti per Joomla! => Gallerie di immagini => : Johnny Kappa 23 May 2011, 12:18:35

: [CSS] Come ridurre il bordo della thumbnail? [RISOLTO]
: Johnny Kappa 23 May 2011, 12:18:35

http://www.fototinghino.it/index.php?option=com_atomicongallery&view=atomicongallery&Itemid=28 (http://www.fototinghino.it/index.php?option=com_atomicongallery&view=atomicongallery&Itemid=28)

Devo Ridurre il bordo nero dei thumbnail presenti in questa pagina, ho usato "atomicon gallery"

ecco il codice css:

:

#atomicongallery .folder_up {
   background: none;
}

#atomicongallery .folder,
#atomicongallery .file {
    -webkit-border-radius: 10px;    /* for Safari */
    -webkit-box-shadow: 0px 0px 5px white;
    -moz-border-radius: 10px;       /* for Firefox */
    -moz-box-shadow: 0px 0px 5px white;
   border-radius: 0px;       /* for CSS3 */
    box-shadow: 0px 0px 5px white;

}
#atomicongallery .folder:hover,
#atomicongallery .file:hover {
    -webkit-box-shadow: 0px 0px 10px #FF9900;
    -moz-box-shadow: 0px 0px 10px #FF9900;
    box-shadow: 0px 0px 10px #FF9900;
}

#atomicongallery .folder {
   background: #000000 url('../images/dark/folder-bg.png') repeat-x scroll top left;
}

#atomicongallery .folder_up a,
#atomicongallery .folder a {
   color: #d0d0d0;
}

#atomicongallery .folder .info .description {
    color: #a0a0a0;
}

#atomicongallery .file {
    background: #000000 url('../images/dark/file-bg.png') repeat-x scroll top left;
    margin-right: 10px;
   margin-bottom: 10px;
}
ma non vedo dove ridurre questo bordo.
Potete aiutarmi?

: Re:[CSS] Come ridurre il bordo della thumbnail?
: xplosion 23 May 2011, 13:52:22

Il file da modificare è style.css (riga 61)

Al posto di:

:

#atomicongallery .file {
    padding: 10px;
}
sostituisci con:

:

#atomicongallery .file {
    padding: 3px;
}

: Re:[CSS] Come ridurre il bordo della thumbnail?
: Johnny Kappa 23 May 2011, 14:24:34

perfetto! grazie infinite!