lightningテーマで横幅100%のカスタム

2026年11月4日 最終更新日時 : 2026年11月4日 acquiesce.inc
目次

設定で変更できる場合

コンテンツ幅のアイコンから、
「全幅」を選択すると、width100%のブロックが作成されます。

設定で変更できない場合

グリッドカラムなどはコンテンツ幅の変更アイコンが表示されません。

対処方として、CSSでカスタムします。

クラス名を付ける

  1. 画面左上のアイコンから、ブロックのリストを表示します。
  2. width100%にしたいブロックを選択します。
  3. 画面右「高度な設定」から、追加CSSクラスに「all-width」を記載します。
all-width

カスタム用CSS

「外観」＞ 「カスタマイズ」

追加CSS

以下のCSSを追記します。

.all-width {
    max-width: 100% !important;
    width: 100% !important;
}

「公開」をクリックでホームページに反映されます。

カテゴリー
lightning