SWELLのメインビジュアル内のテキストなどの要素の縦位置を変更するカスタマイズ

SWELLのメインビジュアル内には、

• メインテキスト
• サブテキスト
• ブログパーツ
• ボタン

を配置することができますが、これらの横の位置を変更することはできますが、縦の位置を変更することができないので、これを変更するカスタマイズ方法について解説します。

カスタマイズ方法

追加CSSなどに、以下のCSSを挿入するとカスタマイズすることができます。

メインビジュアル内の要素を上寄せにしたい場合

.p-mainVisual__textLayer {
justify-content: flex-start;
}

メインビジュアル内の要素を下寄せにしたい場合

.p-mainVisual__textLayer {
justify-content: flex-end;
}

これだけです。

必要に応じてマージンなどを調整してください。