ブロックパターン

編集画面の左上にある＋ボタンをクリックするとブロック、パターン、再利用可能のタブが表示されます。
パターンを選択し、プルダウンからEvergreenを選択します。

Evergreenを選択すると、Evergreenスキンに搭載されているブロックパターンがいくつか出てきます。

固定ページなどにオフセット背景パターンを配置します。
今回は「メディアとテキスト オフセット背景 左右余白25%」のパターンを配置しました。
配置したら、図のようにオフセットされた背景部分を選択します。
選択した状態で、ブロックメニューの「高度な設定」をクリックし、「追加 CSS クラス」を確認します。ここにはすでにオフセット背景用のクラス名が入っています。このクラス名を他の既存のクラス名に変更していきます。

Evergreenのブロックのパターンで「mobileサイズ以下で余白0」とついているブロックパターンは、モバイルサイズ以下（767.98px）では余白が無しになります。
特定のクラス名を削除することで、全サイズでも余白をつけることができます。

中に入れるブロックによっては、余白が欲しい場合もあると思いますので、お好みでクラス名を削除して調整してください。

今回は「サービスの流れ カードカラム オフセット背景 余白右 5%」のパターンを配置して、スマホサイズ以下で余白を無くすクラス名を削除して、全サイズで余白がつくようにしていきます。