Per aprire il pannello Stili sito, clicca sull'icona del pennello nell'angolo superiore destro durante la modifica di qualsiasi pagina.

Qui puoi fare clic su Temi per sfogliare i pacchetti preimpostati, come Professionale, Audace e Giocoso. Selezionando uno dei pacchetti, il tipo di carattere, il colore e i pulsanti cambieranno in base a quello utilizzato. Dopo aver selezionato un pacchetto di stili predefiniti, puoi comunque modificare i singoli stili facendo clic sull'elemento del sito che desideri modificare, come Tipi di carattere o Colori. Utilizza questa guida per scoprire i passaggi più dettagliati su ogni pannello.

Per chiudere Stili sito, clicca due volte sull'anteprima della pagina, clicca sull'icona del pennello o su Chiudi nella parte superiore del pannello. Le modifiche di stile rimarranno intatte fino a quando non vengono salvate o annullate.

Con il pannello Stili sito chiuso, puoi apportare modifiche più precise modificando una sezione specifica. Per definire lo stile di una sezione, passa il mouse sulla sezione, quindi clicca su Modifica sezione sull'icona della matita. Gli stili di sezione sovrascrivono gli stili a livello di sito.

Qui, è anche possibile scegliere diversi layout per le sezioni Layout intelligente, raccolta e galleria. Se apporti modifiche di stile a una sezione della raccolta, ciò influisce su tutti i layout di quel tipo. Ad esempio, se hai due sezioni blog ed entrambe utilizzano un layout a bacheca, le modifiche di stile apportate a una sezione influiscono su entrambe le sezioni.

Per aprire il pannello Stili sito:

1. Apri il pannello Pagine.
2. Fai clic sulla pagina che desideri modificare. Per le funzionalità a livello di sito, come i piè di pagina, apri una pagina qualsiasi. Per gli elementi della raccolta, apri qualsiasi elemento della raccolta di quel tipo (ad esempio, un post del blog o un articolo).
3. Clicca su Sito web in alto a sinistra nel pannello Pagine, clicca su Progettazione, quindi su Stili sito.
4. Nel pannello Stili sito, clicca su qualsiasi tweak per apportare modifiche.

Le modifiche del sito sono disabilitate quando Stili sito è aperto. Per aggiungere o rimuovere contenuto, chiudi Stili sito e apri il pannello Pagine.

Stili sito mostra le opzioni disponibili per la pagina in cui ti trovi. Eventuali modifiche a questi tweak verranno applicate a tutte le pagine di quel tipo presenti nel sito. Ad esempio, se apporti modifiche di stile a una pagina del negozio, la stessa modifica verrà applicata a tutte le pagine del negozio del sito.

Suggerimento: Lo stile di ogni pagina di copertina viene definito separatamente.

Nel pannello di anteprima, clicca su un'area di una pagina per visualizzare i tweak di stile disponibili per quell'area e nascondere il resto. La casella di evidenziazione dello stile viene visualizzata attorno all'elemento su cui stai cliccando. Torna a tutte le opzioni cliccando su Mostra tutto. Questa funzione è disponibile nella maggior parte dei modelli e per la maggior parte delle aree del sito.

Ecco come potrebbe apparire nel modello Brine:

Per alcuni tweak, puoi cliccare e trascinare la selezione all'interno dell'anteprima per regolare le impostazioni:

Le modifiche di stile funzionano in modo diverso nell'app a seconda della versione del sito.

Stili versione 7.1 nell'app

Tramite Stili sito, puoi applicare modifiche di stile su larga scala al tuo sito con un solo tocco, incluse le modifiche di carattere, colore e spaziatura. Le modifiche apportate in Stili sito in genere sono a livello di sito, ma è possibile apportare modifiche più precise disegnando sezioni o aree di testo specifiche.

Per apportare modifiche allo stile:

1. Tocca una pagina del tuo sito, quindi tocca Anteprima.
2. Tocca Modifica nell'angolo in alto a sinistra. 
3. Tocca l'icona del pennello per aprire Stili sito. 
4. Tocca l'area del sito di cui desideri definire lo stile, ad esempio Tipo di carattere o Colori.
5. Usa le opzioni nel pannello per personalizzare tale area. 
   • In Tipo di carattere, tocca Sans-serif, Serif o Mixed per consultare i pacchetti di caratteri per ogni tipo. Tocca uno dei nomi per modificarne la dimensione base.
   • In Colori, assegna un colore a Tocco, Chiaro o Scuro, per ogni tema cromatico. 

Suggerimento: puoi aprire Stili sito anche dalla scheda Impostazioni.

Per definire lo stile di una sezione:

1. Tocca la pagina che vuoi modificare, quindi tocca Anteprima.
2. Tocca Modifica, quindi tocca una sezione a cui vuoi applicare lo stile.
3. Tocca l'icona della matita nella barra degli strumenti della sezione.
4. Tocca Formato, Sfondo o Colori, quindi scegli un nuovo stile.
5. Tocca Fine, quindi tocca Salva modifiche.

Stili versione 7.0 nell'app

Apporta modifiche di stile in Stili sito:

1. Tocca Altro, tocca Pagine, quindi tocca la pagina in cui vuoi applicare le modifiche. Così facendo, indichi a Stili sito di mostrare le opzioni rilevanti per la pagina che stai modificando e di creare un'anteprima delle modifiche. Se stai modificando una funzionalità relativa all'intero sito, ad esempio i menu di navigazione o un piè di pagina, apri una pagina qualsiasi.
2. Tocca ..., quindi tocca Stili sito. 
3. Si aprirà il pannello Stili sito con una lista di tweak di stile. Tocca qualsiasi tweak per apportare modifiche.

Per modificare un tipo di carattere, apri Stili sito, quindi clicca su  > accanto a Tipi di carattere.

Nel pannello Tipo di carattere, puoi scegliere un pacchetto di tipi di carattere da applicare a tutto il testo del sito o modificare il tipo di carattere di specifiche tipologie di testo. Per maggiori informazioni, visita Modificare i font.

In qualsiasi area di testo, puoi inoltre modificare il formato del testo in Intestazione, testo di paragrafo, testo a spaziatura fissa o aggiungere un link.

• I link sono sempre sottolineati.
• Quando i visitatori cliccano su un link, intorno ad esso appare una linea tratteggiata, che aiuta a rendere il sito più accessibile a tutti i visitatori.

Per modificare i tipi di carattere e le dimensioni, utilizza i tweak Tipografia o Tipo di carattere in Stili sito. Per maggiori informazioni, visita Modificare i tipi di carattere.

Per modificare i colori del sito, apri Stili sito, quindi clicca su  >   accanto a Colori.

Grazie alle dettagliatissime combinazioni di colori, puoi apportare contemporaneamente modifiche a tutti i colori del sito oppure personalizzare i colori dei singoli elementi. Per ulteriori informazioni sulla modifica dei colori del sito e delle sezioni, visita Modificare i colori. Per esaminare le migliori pratiche in materia di accessibilità, visita Creare contenuti accessibili per il sito.

Per cambiare i colori, seleziona un qualsiasi tweak di stile con un cerchio colorato accanto all'etichetta. Per saperne di più, visita il sito Modificare i colori. Per esaminare le migliori pratiche in materia di accessibilità, visita Creare contenuti accessibili per il sito.

Per modificare l'intestazione del sito, clicca su Modifica nell'angolo in alto a sinistra dell'anteprima del sito, quindi passa il mouse sull'intestazione e clicca su Modifica intestazione sito. Utilizza le opzioni disponibili nell'editor per personalizzare il titolo del sito o il logo e i link di navigazione. Puoi anche aggiungere un'icona del carrello, icone social e pulsanti Call-to-Action.

Per gli step dettagliati, visita Creare l'intestazione di un sito.

Lo stile dell'intestazione del sito dipende dal modello. Per maggiori informazioni sulle impostazioni dell'intestazione specifiche del tuo modello, consulta la relativa guida.

Alcuni modelli presentano caratteristiche speciali nell'intestazione. Per visualizzare un elenco delle funzionalità disponibili, visita Creare l'intestazione di un sito.

Per definire lo stile del piè di pagina:

1. Nell'angolo in alto a sinistra, fai clic su Modifica.
2. Passa il mouse sopra il piè di pagina e fai clic su Modifica piè di pagina.
3. Clicca su Modifica sezione o sull'icona della matita per apportare modifiche di stile.

Per ulteriori informazioni, visita Modificare i piè di pagina.

Lo stile del piè di pagina del sito dipende dal modello. Per maggiori informazioni sulle impostazioni del piè di pagina specifiche del tuo modello, consulta la relativa guida.

Per maggiori informazioni sulle diverse opzioni di piè di pagina in base al modello, visita Modificare i piè di pagina.

Per modificare la spaziatura del sito, apri il pannello Spaziatura.

Questi tweak modificano la spaziatura su tutte le pagine del tuo sito:

• Larghezza pagina (Max) - Modifica la larghezza massima consentita per le pagine del tuo sito. La larghezza effettiva dipende dal browser e dal dispositivo in uso. Questo tweak non influisce sulla spaziatura dell'intestazione del tuo sito.
• Margine del sito - Modifica la larghezza del margine su entrambi i lati del tuo sito. A seconda delle impostazioni della Larghezza pagina, questo tweak potrebbe non avere effetti visibili sui contenuti della tua pagina. Questo tweak influisce sull'intero sito, intestazione inclusa. Nelle sezioni galleria, anche la spaziatura superiore e inferiore varieranno in relazione alla larghezza del margine.

Puoi modificare la spaziatura delle singole sezioni nell'editor di sezione.

Molti tweak di stile relativi alle dimensioni, come padding, spaziatura, larghezza e bordi, si trovano sotto l'intestazione Dimensioni e valori. A seconda del modello, possono essere presenti anche in altre sezioni.

Per modificare una dimensione, passa il mouse su un tweak di dimensione, quindi utilizza il cursore o inserisci un numero nel campo.

Puoi creare un'immagine banner in qualsiasi pagina aggiungendo una sezione blocco con un'immagine di sfondo nella parte superiore della pagina.

• Se vuoi solo un'immagine nel tuo banner, inizia con una sezione vuota.
• Tutti i blocchi aggiunti alla sezione appariranno in sovrapposizione al banner.
• Per modificare l'altezza, clicca su Modifica sezione o sull'icona della matita e imposta l'altezza della sezione.
• Quando scegli un'immagine di sfondo, segui i nostri suggerimenti per la formattazione delle immagini.

Per maggiori informazioni, visita Aggiungere immagini banner.

La maggior parte dei modelli supporta i banner delle pagine, che puoi aggiungere nelle impostazioni della tua pagina.

• Per esaminare tutte le opzioni di banner in base alla famiglia di modelli, visita Aggiungere immagini banner.
• Per ulteriori informazioni sulle impostazioni specifiche dei banner del tuo sito, vedi la guida del modello.

Per cambiare lo sfondo:

• Utilizza il pannello Colori per modificare lo sfondo del sito.
• Utilizza l'editor di sezione per modificare il colore di sfondo di singole sezioni o aggiungere immagini di sfondo o video. Ciò vale anche per le sezioni piè di pagina.
• Quando una sezione ha un'immagine di sfondo impostata su Inserto, puoi impostare il colore del bordo.
• Nel caso in cui l'intestazione sia trasparente, questa prende lo stesso colore di sfondo della sezione superiore. Disattiva la trasparenza nell'editor dell'intestazione per impostare un tema cromatico diverso per l'intestazione.

È possibile impostare il colore di sfondo dell'area di contenuto principale in Stili sito. Alcuni modelli dispongono anche di opzioni per aggiungere un colore di sfondo all'intestazione, al piè di pagina e ad altro spazio intorno ai contenuti. Per ulteriori informazioni, visita Modificare i colori.

Alcuni modelli permettono di aggiungere un'immagine di sfondo al sito o alla pagina tramite Stili sito. Per aggiungerne una, clicca sul tweak Immagine di sfondo o sull'icona dell'immagine corrispondente all'interno del pannello stili sito. Puoi caricare la tua immagine o cercare e aggiungere un'immagine di archivio. Per maggiori informazioni, visita Aggiungere immagini di sfondo a tutto il sito.

Per dare uno stile alla pagina principale del tuo negozio, apri gli stili della sezione del negozio. È possibile passare in rassegna le opzioni per modificare il formato, lo sfondo e i colori della sezione.

Per definire lo stile dei prodotti, apri gli stili sito della pagina dei dettagli del prodotto. Queste impostazioni influiscono sulle singole pagine dei dettagli del prodotto. Tieni presente che alcune di queste opzioni si applicano solo ai prodotti con più immagini, pertanto alcune modifiche potrebbero non essere visualizzate se il tuo prodotto ne ha solo una.

Per maggiori informazioni, visita Definire lo stile delle Pagine del negozio.

Le opzioni di stile per i tuoi prodotti dipendono dal modello del sito e dal fatto che il modello utilizzi una pagina del negozio classica, avanzata o esclusiva.

Per un elenco dettagliato delle opzioni di stile dei prodotti, visita Definire lo stile delle pagine del negozio.

Puoi nascondere alcune caratteristiche di design come le icone social, i banner e i piè di pagina eliminando il blocco o la sezione, oppure nascondendo l'intestazione e il piè di pagina. Apri l'editor di sezione per esaminare le diverse opzioni disponibili per quella sezione di pagina.

In alcuni modelli, puoi nascondere alcune funzioni di design, come i titoli di pagina, le icone social, i bordi, i banner e i piè di pagina. Questi tweak sono solitamente disponibili nella sezione Opzioni.