--- title: Personalizzare l'aspetto del tuo sito web description: Personalizza i colori, il font e lo sfondo del tuo sito web, aggiungi il tuo CSS e dai uno stile unico a una pagina specifica del tuo sito in pochi clic. --- [Passa al contenuto](https://support.yapla.com/it-it/personalizzare-laspetto-del-tuo-sito-web#main-content) - [Italiano - Italia](https://support.yapla.com/it-it/personalizzare-laspetto-del-tuo-sito-web) - [English - Canada](https://support.yapla.com/en-ca/customize-the-look-of-your-website) - [Français - Canada](https://support.yapla.com/fr-ca/personnaliser-lapparence-de-votre-site-web) - [Français - France](https://support.yapla.com/fr-fr/personnaliser-lapparence-de-votre-site-web) Italiano - Italia Mostra sottomenu per le traduzioni [Ulteriore assistenza](https://support.yapla.com/it-it/kb-tickets/new?hsLang=it-it) [Portale clienti](https://support.yapla.com/tickets-view?hsLang=it-it) [![logo-centro-di-assistenza-yapla](https://support.yapla.com/hs-fs/hubfs/logo-centro-di-assistenza-yapla.png?width=880&height=119&name=logo-centro-di-assistenza-yapla.png)](https://support.yapla.com/it-it/?hsLang=it-it) - [Programma un incontro](https://www.yapla.com/it/incontro?utm_term=plateforme) - [Yapla Academy](https://formazione.yapla.com/) Apri navigazione principale Chiudi navigazione principale - [Programma un incontro](https://www.yapla.com/it/incontro?utm_term=plateforme) - [Yapla Academy](https://formazione.yapla.com/) - - [Italiano - Italia](https://support.yapla.com/it-it/personalizzare-laspetto-del-tuo-sito-web) - [English - Canada](https://support.yapla.com/en-ca/customize-the-look-of-your-website) - [Français - Canada](https://support.yapla.com/fr-ca/personnaliser-lapparence-de-votre-site-web) - [Français - France](https://support.yapla.com/fr-fr/personnaliser-lapparence-de-votre-site-web) Italiano - Italia Mostra sottomenu per le traduzioni - [Ulteriore assistenza](https://support.yapla.com/it-it/kb-tickets/new) - [Portale clienti](https://support.yapla.com/tickets-view) - [Contattaci](https://support.yapla.com/it-it/kb-tickets/new) [Contattaci](https://support.yapla.com/it-it/kb-tickets/new?hsLang=it-it) In che modo possiamo aiutarti? - Non sono presenti suggerimenti perché il campo di ricerca è vuoto. 1. [Yapla Centro di assistenza](https://support.yapla.com/it-it?hsLang=it-it) 2. [Creare il tuo sito web](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it) 3. [Personalizzazione del sito web](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#personalizzazione-del-sito-web) # Personalizzare l'aspetto del tuo sito web ## Scegli i colori e il font del tuo sito, regola gli stili di base con il CSS, cambia il colore di sfondo e personalizza una pagina specifica. **Disponibile a partire dal pacchetto Base.** Il modello del tuo sito arriva con colori e un font preimpostati. Adattali all'identità visiva della tua organizzazione senza alcuna conoscenza tecnica, poi vai oltre con il CSS se lo desideri. Tutte queste opzioni si trovano nel riquadro **Personalizzazione** del tuo sito. **In questo articolo** - [Scegliere i colori e il font](https://support.yapla.com/it-it/personalizzare-laspetto-del-tuo-sito-web#guidato) - [Regolare gli stili di base](https://support.yapla.com/it-it/personalizzare-laspetto-del-tuo-sito-web#base) - [Aggiungere CSS o JavaScript](https://support.yapla.com/it-it/personalizzare-laspetto-del-tuo-sito-web#avanzato) - [Cambiare il colore di sfondo](https://support.yapla.com/it-it/personalizzare-laspetto-del-tuo-sito-web#sfondo) - [Colpire una pagina o una riga con le classi CSS](https://support.yapla.com/it-it/personalizzare-laspetto-del-tuo-sito-web#classi) - [Personalizzare una sola pagina](https://support.yapla.com/it-it/personalizzare-laspetto-del-tuo-sito-web#pagina) ### Scegliere i colori e il font 1. In **Siti web**, apri il tuo sito, poi clicca sul riquadro **Personalizzazione**. Compare il sottomenu **Guidato**. 2. Controlla che l'interruttore **Attivo** sia attivato. 3. In **I colori del tuo sito**, inserisci il colore principale e il colore secondario. Vengono usati per i pulsanti, i titoli e gli elementi colorati di tutto il sito. 4. In **Font del sito**, scegli il **Font**. L'**Anteprima** mostra la resa del testo in grassetto e normale. 5. Clicca su **Salva**. I tuoi codici colore si trovano nella tua guida di stile. Altrimenti, uno strumento online di selezione dei colori ti dà il codice esadecimale di un colore: un cancelletto seguito da sei cifre o lettere, ad esempio `#1F6FB5`. ### Regolare gli stili di base Il sottomenu **Base** accetta dichiarazioni CSS per gli elementi di base delle tue pagine: **body** (il corpo della pagina), i titoli da **h1** a **h4**, i link (**a:link, a:visited, a:active** e **a:hover** al passaggio del mouse) e i pulsanti (**.btn** e **btn:hover**). Ad esempio, inserisci `color: #1F6FB5;` nel campo **h2** per colorare tutti i sottotitoli, poi clicca su **Salva**. ### Aggiungere CSS o JavaScript - **Avanzato:** il campo **CSS personalizzato** accetta CSS completo. Puoi anche caricare un file in **Carica un file CSS**. Questo CSS viene caricato per ultimo nella pagina: sostituisce quindi gli stili predefiniti del modello. - **JS:** questo sottomenu accetta codice JavaScript eseguito su tutte le pagine del sito. Per esempi pronti da copiare (dimensione del logo, colore del menu, immagine di sfondo, ecc.), consulta l'articolo [Modificare l'aspetto del tuo sito web con il CSS personalizzato](https://support.yapla.com/it-it/modificare-laspetto-del-tuo-sito-web-con-il-css-personalizzato?hsLang=it-it). Un codice CSS o JavaScript errato può compromettere la visualizzazione di tutto il sito. Aggiungi un elemento alla volta e controlla il risultato sul sito dopo ogni salvataggio. ### Cambiare il colore di sfondo #### Tutta la pagina Nel riquadro **Personalizzazione**, apri il sottomenu **Base**. Nel campo **body**, inserisci `background-color: #F5F5F5;` sostituendo il codice con quello del tuo colore, poi clicca su **Salva**. Lo sfondo bianco predefinito viene così sostituito su tutto il sito. #### Una sola riga Un colore di sfondo su una riga crea un effetto a fascia. Applicalo sulla pagina master per tutte le pagine collegate, oppure su una sola pagina. 1. Apri la pagina o la pagina master, nella scheda **Struttura**. 2. Passa il mouse sulla riga da modificare, poi clicca su **Modifica dello stile della riga**, nel suo angolo in alto a destra. 3. Nella finestra dello stile della riga, inserisci il nome inglese (`white`, `black`, ecc.) o il codice esadecimale del tuo colore nel campo del colore di sfondo. 4. Clicca su **Salva**. Per applicare lo stesso sfondo a più righe vicine, raggruppale prima con la modalità **Raggruppamento di righe**. Consulta l'articolo [Modificare la struttura di una pagina del tuo sito web](https://support.yapla.com/it-it/aggiorna-la-struttura-di-una-pagina-del-tuo-sito-web?hsLang=it-it). ### Colpire una pagina o una riga con le classi CSS Le classi CSS permettono al tuo CSS personalizzato di colpire un punto preciso del sito. - **Classe di una pagina:** nella scheda **Impostazioni** di una pagina o di una pagina master, sezione **Presentazione grafica**, inserisci una o più classi (separate da uno spazio) in **Classe CSS della pagina**. Su una pagina master, la classe si applica a tutte le pagine collegate. - **Classe di una riga:** nella finestra dello stile della riga, inserisci la classe nel campo della classe CSS. Ogni riga ha già la classe `line`. Aggiungi un prefisso come `line-` (ad esempio `line-footer`) per evitare conflitti con le classi esistenti del modello. Il testo di un pulsante del menu non compare? Il pulsante e la fascia del menu hanno probabilmente lo stesso colore. Nella finestra **Modifica dello stile della riga** del menu, scegli il colore principale del tuo sito come colore di sfondo e controlla che la classe `line-main` sia applicata. ### Personalizzare una sola pagina Una pagina può avere colori e un font propri, senza modificare il resto del sito. 1. Nel riquadro **Pagine**, apri la pagina da modificare. 2. Apri la scheda **Personalizzazione** e seleziona **Personalizza il tuo sito**. 3. Scegli il colore e il font di questa pagina, poi clicca su **Salva**. Clicca su **Visita il tuo sito** in qualsiasi momento per vedere il risultato. - [Inizia con Yapla](https://support.yapla.com/it-it/inizia-con-yapla?hsLang=it-it#main-content) - [Raccolta di risorse utili per scoprire Yapla](https://support.yapla.com/it-it/inizia-con-yapla?hsLang=it-it#raccolta-di-risorse-utili-per-scoprire-yapla) - [Per iniziare](https://support.yapla.com/it-it/inizia-con-yapla?hsLang=it-it#per-iniziare) - [Ottimizzare l'utilizzo di Yapla](https://support.yapla.com/it-it/inizia-con-yapla?hsLang=it-it#ottimizzare-lutilizzo-di-yapla) - [Informazioni su Yapla](https://support.yapla.com/it-it/inizia-con-yapla?hsLang=it-it#informazioni-su-yapla) - [Configura il tuo account](https://support.yapla.com/it-it/configura-il-tuo-account?hsLang=it-it#main-content) - [Primi passi](https://support.yapla.com/it-it/configura-il-tuo-account?hsLang=it-it#primi-passi) - [Account](https://support.yapla.com/it-it/configura-il-tuo-account?hsLang=it-it#account) - [Fatturazione](https://support.yapla.com/it-it/configura-il-tuo-account?hsLang=it-it#fatturazione) - [Licenze e utenti](https://support.yapla.com/it-it/configura-il-tuo-account?hsLang=it-it#licenze-e-utenti) - [Domande frequenti](https://support.yapla.com/it-it/configura-il-tuo-account?hsLang=it-it#domande-frequenti) - [Capire le funzionalità comuni](https://support.yapla.com/it-it/capire-le-funzionalit%C3%A0-comuni?hsLang=it-it#main-content) - [Comunicazioni](https://support.yapla.com/it-it/capire-le-funzionalit%C3%A0-comuni?hsLang=it-it#comunicazioni) - [Moduli](https://support.yapla.com/it-it/capire-le-funzionalit%C3%A0-comuni?hsLang=it-it#moduli) - [Immagini e media](https://support.yapla.com/it-it/capire-le-funzionalit%C3%A0-comuni?hsLang=it-it#immagini-e-media) - [Domande frequenti](https://support.yapla.com/it-it/capire-le-funzionalit%C3%A0-comuni?hsLang=it-it#domande-frequenti) - [Gestire i tuoi pagamenti e la tua autenticazione](https://support.yapla.com/it-it/gestire-i-tuoi-pagamenti-e-la-tua-autenticazione?hsLang=it-it#main-content) - [Autenticazione](https://support.yapla.com/it-it/gestire-i-tuoi-pagamenti-e-la-tua-autenticazione?hsLang=it-it#autenticazione) - [Pagamento](https://support.yapla.com/it-it/gestire-i-tuoi-pagamenti-e-la-tua-autenticazione?hsLang=it-it#pagamento) - [Contributo volontario e commissione](https://support.yapla.com/it-it/gestire-i-tuoi-pagamenti-e-la-tua-autenticazione?hsLang=it-it#contributo-volontario-e-commissione) - [Domande frequenti](https://support.yapla.com/it-it/gestire-i-tuoi-pagamenti-e-la-tua-autenticazione?hsLang=it-it#domande-frequenti) - [Gestire i membri](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#main-content) - [Primi passi](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#primi-passi) - [Importare i membri](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#importare-i-membri) - [Campagne di adesione semplificate](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#campagne-di-adesione-semplificate) - [Gestione dei membri](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#gestione-dei-membri) - [Scheda del membro](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#scheda-del-membro) - [Modulo](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#modulo) - [Comunicazioni](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#comunicazioni) - [Gestione delle organizzazioni o famiglie](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#gestione-delle-organizzazioni-o-famiglie) - [Gestione delle adesioni](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#gestione-delle-adesioni) - [Prezzi](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#prezzi) - [Organizzazione o famiglia](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#organizzazione-o-famiglia) - [Funzioni avanzate](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#funzioni-avanzate) - [Formazione continua](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#formazione-continua) - [Domande frequenti](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#domande-frequenti) - [Organizzare i tuoi eventi](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#main-content) - [Primi passi](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#primi-passi) - [Configurazione](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#configurazione) - [Moduli](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#moduli) - [Biglietti elettronici](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#biglietti-elettronici) - [Impostazioni avanzate](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#impostazioni-avanzate) - [Comunicazioni](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#comunicazioni) - [Gestione dei prezzi](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#gestione-dei-prezzi) - [Gestione delle iscrizioni](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#gestione-delle-iscrizioni) - [Gestione delle attività con le sessioni](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#gestione-delle-attivit%C3%A0-con-le-sessioni) - [Congressi](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#congressi) - [Domande frequenti](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#domande-frequenti) - [Raccogliere donazioni](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#main-content) - [Primi passi](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#primi-passi) - [Gestione delle donazioni](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#gestione-delle-donazioni) - [Attestazioni di donazione](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#attestazioni-di-donazione) - [Donazioni ricorrenti](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#donazioni-ricorrenti) - [Gestione delle campagne](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#gestione-delle-campagne) - [Gestione delle campagne partecipative](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#gestione-delle-campagne-partecipative) - [Gestione dei donatori](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#gestione-dei-donatori) - [Domande frequenti](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#domande-frequenti) - [Creare il tuo sito web](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#main-content) - [Primi passi](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#primi-passi) - [Personalizzazione del sito web](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#personalizzazione-del-sito-web) - [Gestione del contenuto e degli articoli](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#gestione-del-contenuto-e-degli-articoli) - [Pagine](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#pagine) - [Moduli](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#moduli) - [Boutique online](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#boutique-online) - [SEO e strumenti di performance](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#seo-e-strumenti-di-performance) - [Semplificare la tua contabilità](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#main-content) - [Primi passi](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#primi-passi) - [Gestione dei ricavi](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#gestione-dei-ricavi) - [Gestione dei costi](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#gestione-dei-costi) - [Contabilità](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#contabilit%C3%A0) - [Registro generale](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#registro-generale) - [Consolidamento](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#consolidamento) - [Reportistica](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#reportistica) - [Impostazioni](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#impostazioni) - [Progetti](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#progetti) - [IVA e tasse](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#iva-e-tasse) - [Domande frequenti](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#domande-frequenti) - [Gestire i tuoi contatti](https://support.yapla.com/it-it/gestire-i-tuoi-contatti?hsLang=it-it#main-content) - [Gestione dei contatti](https://support.yapla.com/it-it/gestire-i-tuoi-contatti?hsLang=it-it#gestione-dei-contatti) - [Domande frequenti](https://support.yapla.com/it-it/gestire-i-tuoi-contatti?hsLang=it-it#domande-frequenti) - [Implementare le tue newsletter](https://support.yapla.com/it-it/implementare-le-tue-newsletter?hsLang=it-it#main-content) - [Introduzione a Yapla Newsletter](https://support.yapla.com/it-it/implementare-le-tue-newsletter?hsLang=it-it#introduzione-a-yapla-newsletter) - [Scopri Yapla Newsletters](https://support.yapla.com/it-it/implementare-le-tue-newsletter?hsLang=it-it#scopri-yapla-newsletters) - [Gestione dei contatti](https://support.yapla.com/it-it/implementare-le-tue-newsletter?hsLang=it-it#gestione-dei-contatti) - [Monitoraggio delle prestazioni](https://support.yapla.com/it-it/implementare-le-tue-newsletter?hsLang=it-it#monitoraggio-delle-prestazioni) - [Indirizzare i tuoi invii](https://support.yapla.com/it-it/implementare-le-tue-newsletter?hsLang=it-it#indirizzare-i-tuoi-invii) - [Acquisire nuovi iscritti](https://support.yapla.com/it-it/implementare-le-tue-newsletter?hsLang=it-it#acquisire-nuovi-iscritti) - [Gestire i tuoi dati](https://support.yapla.com/it-it/gestire-i-tuoi-dati?hsLang=it-it#main-content) - [Primi passi](https://support.yapla.com/it-it/gestire-i-tuoi-dati?hsLang=it-it#primi-passi) - [Configurazione](https://support.yapla.com/it-it/gestire-i-tuoi-dati?hsLang=it-it#configurazione) - [Gestione degli oggetti](https://support.yapla.com/it-it/gestire-i-tuoi-dati?hsLang=it-it#gestione-degli-oggetti) - [Rapporti](https://support.yapla.com/it-it/gestire-i-tuoi-dati?hsLang=it-it#rapporti) - [Documentazione per gli sviluppatori](https://support.yapla.com/it-it/documentazione-per-gli-sviluppatori?hsLang=it-it#main-content) - [Funzioni avanzate](https://support.yapla.com/it-it/documentazione-per-gli-sviluppatori?hsLang=it-it#funzioni-avanzate) - [Gestire la tua federazione](https://support.yapla.com/it-it/gestire-la-tua-federazione?hsLang=it-it#main-content) - [Avvio](https://support.yapla.com/it-it/gestire-la-tua-federazione?hsLang=it-it#avvio) - Offerte - [Tariffe](https://www.yapla.com/it/tariffe) - [Offerta partner](https://www.yapla.com/it/offerta-partner) - [Servizi Professionali](https://www.yapla.com/it/servizi-professionali) - [Consulenza a ore](https://formations.yapla.fr/it/) - Risorse - [Centro di assistenza](https://support.yapla.com/it-it/) - [Yapla Academy](https://formazione.yapla.com/) - [Yapla Newsletter](https://www.yapla.com/it-it/newsletter-yapla) - Scoprire Yapla - [Demo e webinar](https://www.yapla.com/it/webinar-per-associazioni) - Azienda - [Chi siamo](https://www.yapla.com/it/chi-siamo) - [Contattaci](https://www.yapla.com/it/contatta-yapla) - [Diventa partner](https://www.yapla.com/it-it/programma-partner/) [![Yapla](https://support.yapla.com/hubfs/logo-yapla-fr.svg "Yapla")](https://www.yapla.com/) Copyright © 2013-2026, Yapla [Condizioni generali di utilizzo](https://www.yapla.com/it/condizioni-generali-utilizzo) | [Dati personali](https://www.yapla.com/it/dati-personali) | [Note legali](https://support.yapla.com/it/note-legali?hsLang=it-it)