Vai al contenuto

Cambiare i colori del sito

I colori del sito vengono da una tavolozza di dieci colori, impostata in un unico posto. Cambiare un colore della tavolozza lo cambia ovunque in una volta sola: attività, pagine, intestazione, menu, blocchi colorati.

Riservato agli amministratori

I colori formano l'identità grafica del sito. Solo gli amministratori li modificano; gli editori possono consultare la schermata e copiare le classi CSS (vedi Colorare un blocco). Se non puoi modificarli, rivolgiti all'amministratore del sito.

Modificare un colore esistente

  1. Apri Configurazione > Colori.
  2. Nella Tavolozza, individua il colore da cambiare (dal suo numero e dal suo nome).
  3. Fai clic sul pulsante Seleziona colore di questa riga.
  4. Scegli il nuovo colore: nel quadrato, con la barra delle tonalità, oppure incollando il codice indicato dall'identità grafica (un # seguito da sei caratteri, per esempio #e67e22).
  5. Fai clic su Salva le modifiche, in fondo alla schermata.

Il messaggio «Impostazioni salvate.» conferma l'operazione. La cache del sito viene svuotata automaticamente: i visitatori vedono i nuovi colori alla visita successiva.

Non cambiare il nome, solo il colore

Se l'arancione diventa un arancione più tenue, cambia il colore, non il nome orange: rinominare un colore romperebbe i blocchi delle pagine che lo usano (vedi Le insidie).

Cambiare il colore dominante del sito

Il colore predefinito colora l'intestazione, il piè di pagina, il menu e le pagine senza un colore proprio.

  1. In Configurazione > Colori, sezione Ruoli dei colori, individua Colore predefinito.
  2. Scegli dall'elenco un altro colore della tavolozza.
  3. Fai clic su Salva le modifiche.

I sottomenu si adeguano: riprendono questo colore, un po' schiarito (impostazione Colore dei sottomenu).

Aggiungere un colore alla tavolozza

La tavolozza conta dieci posti, alcuni dei quali possono essere vuoti. Per usarne uno:

  1. Individua un posto senza colore.
  2. Scrivi un nome in inglese, in minuscolo, senza accenti né spazi (green, light-blue).
  3. Scegli il suo colore.
  4. Fai clic su Salva le modifiche.

Il colore compare allora negli elenchi di scelta delle attività, delle pagine e dei ruoli.

Colorare un blocco di una pagina

  1. In Configurazione > Colori, fai clic su Sfondo (colore dello sfondo del blocco) o Testo (colore del testo) nella riga del colore voluto. La classe viene copiata.
  2. Nel builder di Avada, apri le impostazioni del blocco, scheda General.
  3. Incolla la classe nel campo CSS Class, poi salva la pagina.

Per un testo bianco su uno sfondo colorato, aggiungi anche la classe text-white (pulsante Copia sotto la tavolozza). Dettagli ed esempi: Pulsanti Sfondo e Testo.

Scegliere il colore di un'attività

Il colore di un'attività si sceglie nella tavolozza, nella schermata dell'attività: vedi Attività e luoghi.

Le insidie

  • Rinominare un colore rompe le pagine i cui blocchi usano la sua vecchia classe: perdono il loro colore. Fallo solo in caso di reale necessità.
  • Svuotare un posto ancora in uso toglie quel colore da tutto ciò che lo usava. Scegli prima un altro colore ovunque servisse.
  • Un colore «personalizzato» (fuori dalla tavolozza) di una pagina o di un evento non segue i cambiamenti della tavolozza.

Se qualcosa non funziona

  • Il sito non è cambiato: hai fatto clic su Salva le modifiche? Poi ricarica la pagina con Ctrl + F5 (su Mac: Cmd + Maiusc + R).
  • Un blocco ha perso il suo colore: la sua classe non corrisponde più a un colore della tavolozza (nome cambiato, posto svuotato).

Per saperne di più