Header del sito

Ogni sito Webround ha un header modificabile. Puoi aggiungere un'immagine o cambiarla con un pulsante con un click sinistro sul logo, puoi modificare il suo colore di sfondo e la sua ombra, oppure cambiare il posizionamento degli elementi.

Trascrizione

Ora che abbiamo cambiato il colore di sfondo della pagina, vogliamo fare lo stesso per l'header. Accediamo al menu dei componenti globali e alla sezione header. Qui troveremo il colore di sfondo dell'header. Cliccando su di esso apriremo il color picker e selezioniamo lo stesso colore salvato in precedenza.

Se guardiamo il nostro template, l'header ha un bordo inferiore. Per replicare questo stile in Webround utilizziamo una shadow. Usando un valore di 0 per il blur, il bordo apparirà solido. Un pixel di offset sull'asse y simulerà un bordo di un pixel di larghezza.

Possiamo anche vedere che il posizionamento degli elementi nel template è diverso: c'è un logo a sinistra, una barra al centro e le azioni a destra. Dobbiamo quindi cambiare il posizionamento degli elementi in Webround. Accediamo alla proprietà di posizionamento del logo e la cambiamo in Middle left navbar center.