Halo、Nova、Metro、Bloom のように、ヘッダーとフッターが左側または右側にある 2 列モードのテーマがあります。
このようなテーマでは、デフォルトではサイドバーの幅が250ピクセルに固定されています。ただし、CSSオーバーライドを使用することで幅を調整できます。
サイドバーの幅を変更するには、次の手順に従います。
- 下記の CSS オーバーライド全体をコピーします。
<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>
注：ここでは幅を150ピクセルに変更しました。
- 関連するコードをコピーした後、に移動します 設定 とします。
- 外部スクリプト (2)、コードを貼り付けます セクション とします。
- ヒット Save (4) ボタンを押して、変更をスタジオに保存します。
ここで、サイトを更新して、ライブ サイトの変更を確認します。