Ci sono temi in modalità a 2 colonne in cui l'intestazione e il piè di pagina si trovano sul lato sinistro o sul lato destro, come Halo, Nova, Metro, Bloom.
Per questi temi, il sistema imposta di default la larghezza della barra laterale a 250px . Tuttavia, è possibile gestirne la larghezza tramite CSS.
Per modificare la larghezza della barra laterale, seguire questi passaggi:
- Copia l'intero override CSS menzionato di seguito.
<style>
.column-2-container .sidebar {width: 150px;}
.column-2-container .stage-spacing { position: relative;
margin-left: 150px; width: calc(100% - 150px);}
.halo-header .user-logo { min-width: 100px;}
</style>
Nota: qui abbiamo modificato la larghezza a 150px .
- Dopo aver copiato il codice pertinente, vai a Impostazioni profilo (1).
- Nel Script esterni (2), incolla il codice nel sezione (3).
- Colpire il Salva (4) pulsante per salvare le modifiche nello studio.
Ora aggiorna il sito per rivedere le modifiche apportate al sito live.