Autore Topic: modifica css  (Letto 810 volte)

Offline pulce

  • Appassionato
  • ***
  • Post: 332
  • Sesso: Maschio
    • Mostra profilo
modifica css
« il: 01 Giu 2019, 10:23:58 »
Salve a tutti,non riesco a modificare le dimensioni delle icone sul template allegato.
Qualcuno può aiutarmi ? Grazie
Nulla avviene per caso

Offline danielecr

  • Abituale
  • ****
  • Post: 1357
    • Mostra profilo
Re:modifica css
« Risposta #1 il: 01 Giu 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;

Offline pulce

  • Appassionato
  • ***
  • Post: 332
  • Sesso: Maschio
    • Mostra profilo
Re:modifica css
« Risposta #2 il: 01 Giu 2019, 11:27:22 »
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 ?

Nulla avviene per caso

Offline danielecr

  • Abituale
  • ****
  • Post: 1357
    • Mostra profilo
Re:modifica css
« Risposta #3 il: 01 Giu 2019, 11:34:28 »
Non vedo le modifiche nè nel file override css, nè nel sorgente della pagina, forse un problema di cache?

Offline pulce

  • Appassionato
  • ***
  • Post: 332
  • Sesso: Maschio
    • Mostra profilo
Re:modifica css
« Risposta #4 il: 01 Giu 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.
Nulla avviene per caso

Offline danielecr

  • Abituale
  • ****
  • Post: 1357
    • Mostra profilo
Re:modifica css
« Risposta #5 il: 01 Giu 2019, 14:00:40 »
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;
}

Offline pulce

  • Appassionato
  • ***
  • Post: 332
  • Sesso: Maschio
    • Mostra profilo
Re:modifica css
« Risposta #6 il: 02 Giu 2019, 07:12:01 »
Ah, ottimo. Grazie mille.
Nulla avviene per caso

 

Host

Torna su