Quando selezioni un contenitore (come la colonna principale o una riga), il pannello di stile mostra i controlli di layout che agiscono su tutto ciò che contiene. I contenitori sono la struttura portante della tua firma: determinano come i blocchi sono disposti e spaziati. Per una guida passo passo, consulta creare layout con colonne e righe.
Layout
| Impostazione | Cosa fa |
|---|
| Direzione | Scegli Riga (elementi affiancati) o Colonna (elementi impilati) |
| Allineamento | Allinea il contenuto a sinistra, al centro o a destra all’interno del contenitore |
| Sfondo | Imposta un colore di sfondo con il selettore colore o un codice esadecimale |
| Spaziatura | Spazio tra gli elementi figli all’interno del contenitore |
| Padding | Spazio tra il bordo del contenitore e il suo contenuto. Usa il campo globale per un padding uguale su tutti i lati, oppure espandi per impostare singolarmente in alto, a destra, in basso e a sinistra |
Combina Direzione → Riga con Allineamento → Centro per centrare gli elementi orizzontalmente. Ad esempio, per centrare le icone social in una riga.
Testo
Quando un contenitore include contenuto testuale, compare la sezione di testo con le opzioni di carattere, dimensione, colore, opacità, altezza della riga e formattazione. Queste impostazioni si applicano come valori predefiniti al testo all’interno del contenitore.
| Impostazione | Cosa fa |
|---|
| Font | Scegli tra i font web-safe: Helvetica, Arial, Arial Narrow, Tahoma, Georgia, Times, Garamond, Verdana, Lucida, Trebuchet |
| Dimensione | Dimensione del font in pixel |
| Colore | Colore del testo: usa il selettore di colore o inserisci un codice esadecimale |
| Opacità | Trasparenza del testo (100 % = completamente visibile) |
| Altezza riga | Spazio tra le righe di testo |
| Formattazione | Grassetto, Corsivo, Sottolineato, Barrato, Maiuscolo |
Articoli correlati
