Back to top

Autore Topic: [Risolto]Modificare colore immagine  (Letto 1400 volte)

Offline Mozartino

  • Appassionato
  • ***
  • Post: 367
    • Mostra profilo
[Risolto]Modificare colore immagine
« il: 23 Gen 2018, 17:33:07 »
Salve a tutti.
Sul sito scolastico ho necessità di cambiare il colore all'immagine Entra con SPID che si trova in alto a destra.
Dovrei applicare queste modifiche ma non riesco a comprendere dove farlo:
Codice: [Seleziona]
.italia-it-button.button-spid {
    background-color: #06C;
    color: #FFF;
}


Ho provato con Firebug ma evidentemente sbaglio qualcosa...
« Ultima modifica: 24 Gen 2018, 19:51:05 da Mozartino »
Carpe Diem

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Modificare colore immagine
« Risposta #1 il: 23 Gen 2018, 17:52:04 »
di cosa parli del colore dell'icona, l'omino per intenderci o del colore del pulsante......
Il colore di una immagine in genere si cambia con un programma di foto ritocco.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Mozartino

  • Appassionato
  • ***
  • Post: 367
    • Mostra profilo
Re:Modificare colore immagine
« Risposta #2 il: 23 Gen 2018, 18:16:01 »
Prima di tutto grazie per la risposta.


Parlo del colore del pulsante che viene creato dal componente SPID Joomla! installato.


Praticamente dovrebbe diventare come quello presente su questo sito.


Scusa ma non mi fa allegare immagini.
Carpe Diem

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Modificare colore immagine
« Risposta #3 il: 23 Gen 2018, 18:24:50 »
c'è una regola del tuo template che sovrascrive il colore del pulsante in stato di riposo, quindi risolvi aggiungendo del tuo css principipale o personalizzato


.button-spid {
    background-color: #06C !important;
}
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Mozartino

  • Appassionato
  • ***
  • Post: 367
    • Mostra profilo
Re:Modificare colore immagine
« Risposta #4 il: 23 Gen 2018, 18:43:47 »
Grazie.


Visto che nella cartella CSS del template vi sono vari file.css c'è modo di capire quale modificare?
Carpe Diem

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Modificare colore immagine
« Risposta #5 il: 23 Gen 2018, 18:51:20 »
Le regole possono essere aggiunte alla fine di qualunque fra i css del template ma conviene inserirle in un custom.css per non perdere le aggiunte a seguito aggiornamento.

Offline Mozartino

  • Appassionato
  • ***
  • Post: 367
    • Mostra profilo
Re:Modificare colore immagine
« Risposta #6 il: 23 Gen 2018, 19:18:50 »
Grazie tomtomeight.
Ho creato il file custom.css inserendo il codice sopra ma apparentemente non cambia nulla...
Carpe Diem

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Modificare colore immagine
« Risposta #7 il: 23 Gen 2018, 19:20:51 »
Il template deve prevedere il tipo di custom.css altrimenti se non richiamato non funge nulla. Leggi la documentazione del template in uso e segui le istruzioni.

Offline Mozartino

  • Appassionato
  • ***
  • Post: 367
    • Mostra profilo
Re:Modificare colore immagine
« Risposta #8 il: 24 Gen 2018, 19:50:43 »

Non era necessario create un file CSS. Bastava incollare il codice sopra nella configurazione del template -> stili personalizzati -> regole css aggiuntive.


Buona serata.

Carpe Diem

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:[Risolto]Modificare colore immagine
« Risposta #9 il: 24 Gen 2018, 20:04:08 »
Questo dipende dal tipo di template che si usa, alcuni come il tuo hanno addirittura lo spazio dove aggiungere le regole....
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

 



Web Design Bolzano Kreatif