modifica css

[pulce]

Salve a tutti,non riesco a modificare le dimensioni delle icone sul template allegato.
Qualcuno può aiutarmi ? Grazie

[danielecr]

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;

[pulce]

Grazie danielecr.
Ho provato a inserire la classe

Codice: [Seleziona]

.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 ?

[danielecr]

Non vedo le modifiche nè nel file override css, nè nel sorgente della pagina, forse un problema di cache?

[pulce]

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.

[danielecr]

No, così non va bene, la regola è applicata a img, pertanto puoi modificare le tue regole nell'override.css così:

Codice: [Seleziona]

.print-icon > a > img,  .email-icon > a > img{
    width: auto;
}


[pulce]

Ah, ottimo. Grazie mille.