Visite: 12421

Valutazione attuale: 0 / 5

Per rendere il nostro Entrypoint più accattivante aggiungiamo qualche dettaglio nella formattazione.

Possiamo modificare dimensione e colore del carattere agendo sul parametro Classe CSS del link della singola voce di menu.

Classe CSS del link = u-textClean u-color-white u-text-r-m

Anche nel caso delle voci entrypoint è possibile aggiunge una icone agendo sul campo Classe Immagine della singola voce di menu.

Classe Immagine = Icon Icon-user

L'elenco delle icone disponibili è consultabile qui: Icone

Nel caso si voglia dare particolare importanza ad una voce di menu è possibile associare una immagine. Siccome di default l'immagine è posta a sinistra del titolo del link, tramite il parametro Classe CSS del link è possibile modificarne la formattazione.

Classe CSS del link = li:u-textCenter li:u-imageTitleNoWrap

li:u-textCenter allinea immagine e testo al centro mentre li:u-imageTitleNoWrap posizione il titolo su una sola linea.

Ultimo dettaglio la possibilità di formattare le singole colonne affinché occupino tutto lo spazio disponibile.

Il risultato può essere ottenuto lavorando sulle singole voci di menu oppure aggiungendo la classe u-flex al parametro Suffisso classe menu del modulo

Suffisso classe menu = u-flex

Torna su