Es gibt Themen, die sich im 2-Spalten-Modus befinden, bei dem sich die Kopf- und Fußzeile entweder auf der linken oder auf der rechten Seite befinden, wie Halo, Nova, Metro, Bloom.
Bei solchen Themes ist die Breite der Seitenleiste standardmäßig auf 250 Pixel festgelegt . Sie können die Breite jedoch mithilfe von CSS-Anweisungen anpassen.
Befolgen Sie diese Schritte, um die Seitenleistenbreite zu ändern:
- Kopieren Sie die gesamte unten erwähnte CSS-Überschreibung.
<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>
Hinweis: Wir haben die Breite hier auf 150px geändert.
- Gehen Sie nach dem Kopieren des entsprechenden Codes zu Einstellungen (1).
- Im Externe Skripte (2), fügen Sie den Code in die ein Sektion (3).
- Hit the Gespeichert (4) Schaltfläche zum Speichern der Änderungen im Studio.
Aktualisieren Sie jetzt die Website, um die Änderungen auf der Live-Website zu überprüfen.