Bricksでは、コンテナの最大幅がデフォルトで1100pxに設定されています。
この最大幅は自由に変更できますが、通常のコンテナ設定を変更しても反映されず、どうしても1100pxのままになることがあります。
そこで今回は、
「コンテナ幅を変更しても1100pxから変わらない原因」と
「正しい設定方法」について解説します。
なお、本記事はこちらのページの内容を参考に、日本語で解説しています。
テーマスタイルの設定・変更
「コンテナの幅を1100px以外に設定しても反映されない！」
「どうしても1100pxになる！」
この原因を調べた結果、テーマスタイルの設定に辿り着きました。
ここから具体的な設定方法を解説していきます。
Bricksのコンテンツ幅を1100pxから変更する手順
まずは、どのページでも構いませんので、Bricksの編集画面を開きます。
次に、左上の歯車アイコンをクリックし、「テーマスタイル」を選択します（下図参照）。
ここでテーマの任意の名前をつけます。
テーマスタイル画面が開いたら、任意の名前を入力します。
テキスト入力後、Enterキーを押すと名前が保存され、設定画面が展開されます（下図参照）。
設定画面の最下部にある「要素（Element）」を選択します。
その中の CONTAINER を確認してください。
幅の項目を見ると、グレーアウトされた状態で「1100px」と入力されています。
この数値を上書きすることで、Bricksのデフォルトコンテナ幅を変更できます。
その他のデフォルト設定について
今回紹介したコンテナ幅以外にも、テキストなど、あらかじめデフォルト値が設定されている要素があります。
これらも同様に、テーマスタイルで上書きすることで全体のデフォルト設定を変更可能です。
サイト全体のデザインを効率よく管理したい場合は、テーマスタイルを積極的に活用すると便利です。
