サイト全体設定 > お知らせバー お知らせバーにボタンを配置できます

アクションフック 'swell_before_post_head'

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

アクションフック 'swell_before_post_thumb'

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

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

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

目次

カスタマイズ方法

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

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

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

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

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

これだけです。

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

埼玉県在住・男性。SWELLを使い続けて2年、フォーラムで回答し続けて1年以上。この経験から得られたノウハウをみなさんに役立てたいと思い、このサイトを作りました。

コメント

コメントする

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

目次