Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : pulce 01 Jun 2019, 10:23:58

: modifica css
: pulce 01 Jun 2019, 10:23:58
Salve a tutti,non riesco a modificare le dimensioni delle icone sul template (http://starter.altervista.org/index.php/fidanzati) allegato.
Qualcuno può aiutarmi ? Grazie
: Re:modifica css
: danielecr 01 Jun 2019, 11:04:09
Colpa della regola nel file css (template.css) che assegna width: 100%; Metti una regola per quelle immagini (icone) nel tuo file custom, ad esempio width: auto;
: Re:modifica css
: pulce 01 Jun 2019, 11:27:22
Grazie danielecr.
Ho provato a inserire la classe
:
.print-icon { width: auto;}
.print-email { width: auto;}
nel mio file di override del css, ma non ha funzionato.
Se però tolgo  width: 100%; al template.css le icone tornano a posto.

Certamente sono a posto, ma giusto per capire, nel mio file css cos'avrei dovuto mettere ?

: Re:modifica css
: danielecr 01 Jun 2019, 11:34:28
Non vedo le modifiche nè nel file override css, nè nel sorgente della pagina, forse un problema di cache?
: Re:modifica css
: pulce 01 Jun 2019, 13:40:22
Nel sorgente della pagina non ho cambiato le impostazioni. Ho solo sperimentato che funzionano.
Poi ho lasciato la larghezza al 100%.
Invece nel file override.css ho fatto l'integrazione che dicevo con la classe print-icon e print-email.
Questo per poter intervenire su queste classi.
Non so però se ho fatto bene.

Grazie dell'aiuto, leggo la tua risposta domani, adesso devo partire.
: Re:modifica css
: danielecr 01 Jun 2019, 14:00:40
No, così non va bene, la regola è applicata a img, pertanto puoi modificare le tue regole nell'override.css così:

:
.print-icon > a > img,  .email-icon > a > img{
    width: auto;
}
: Re:modifica css
: pulce 02 Jun 2019, 07:12:01
Ah, ottimo. Grazie mille.