Usa i gradienti di colore come sfondo

I gradienti di colore come sfondo creano un effetto piacevole e risultano più dinamici rispetto agli sfondi monocolore. Naturalmente, puoi anche utilizzare entrambe le opzioni di sfondo nel tuo negozio contemporaneamente. Per ulteriori informazioni, consulta Modificare il colore sfondo degli elementi di contenuto.

Come impostare uno sfondo gradiente

Una volta aggiunto un elemento di contenuto a una pagina, puoi impostare un gradiente di colore come sfondo. Tutte le modifiche saranno visualizzate direttamente nell'area di anteprima dell'Editor.

1. Seleziona l'elemento di contenuto o passaci sopra il mouse. Vedrai una barra blu nella parte superiore dell'elemento di contenuto.
2. Nella barra blu, seleziona .
3. Seleziona l'opzione Sfondo con gradiente.
4. Seleziona se vuoi utilizzare 2 colori o 3 colori.
5. Se vuoi cambiare la direzione del gradiente, seleziona il link Cambia direzione del colore.
6. Scegli i colori che vuoi usare per il tuo gradiente selezionando i quadrati dei colori:
   • Seleziona il colore desiderato dalla tavolozza dei colori .
   • Puoi anche selezionare uno dei colori predefiniti . I colori di base sono sempre il bianco e il nero. Inoltre, qui troverai i colori del negozio attualmente selezionati.
   • Per scegliere una tonalità esatta, puoi anche inserire un codice colore esadecimale nel campo di immissione .
     Se vuoi utilizzare un colore specifico per il tuo negozio, puoi utilizzare un selezionatore di colori per identificare il codice esadecimale corrispondente. In questo modo potrai selezionare rapidamente la tonalità esatta. I selezionatori di colori sono disponibili gratuitamente su vari sito Web e come estensioni per i browser più diffusi.
   • Nota che il link Resetta ripristina il colore predefinito del tuo tema, non il colore che hai selezionato in precedenza (se l'hai già fatto).
7. Alla voce Orientamento, seleziona se vuoi avere un gradiente orizzontale , verticale o diagonale gradiente.
8. Se vuoi ripristinare il design di sfondo predefinito per questo elemento di contenuto, seleziona il link Resetta nella vista Modifica sfondo.
   Nota che questo ripristinerà il colore predefinito del tuo tema, non il colore che hai selezionato in precedenza (se lo hai già fatto). Se vuoi mantenere il colore selezionato all'inizio della modifica, devi annullare il processo selezionando Annulla.
9. Seleziona Salva.

Hai impostato un gradiente di colore come sfondo. Per impostare uno sfondo sfumato per altri elementi di contenuto o per modificare nuovamente un gradiente di colore, ripeti i passaggi precedenti. Le tue modifiche saranno applicate direttamente al tuo negozio.

Suggerimenti per le diverse impostazioni del gradiente

• Per creare effetti diversi, puoi ad esempio scegliere l'opzione 3 colori ma impostare lo stesso colore per due di essi.
• Se utilizzi colori simili, creerai un effetto più delicato, mentre colori molto diversi possono avere un effetto più drammatico.
• Se vuoi creare una transizione più morbida, puoi impostare uno sfondo monocolore per il primo elemento di contenuto e impostare uno sfondo a gradiente verticale per il secondo elemento di contenuto partendo dal colore del primo elemento. Potrebbe essere così:

Info

Per ulteriori suggerimenti, consulta Modificare il colore sfondo degli elementi di contenuto.