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 tali temi, di default il sistema ha fissato la larghezza della barra laterale a 250pxTuttavia, è possibile gestire la larghezza con l'aiuto dell'override 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: Abbiamo modificato la larghezza in 150px qui.
- 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.