WordPressテーマSANGOの質問

2分割ヘッダーアイキャッチの右側の文章とボタンをセンターに配置したい

アバター
がぴ

サルワカさま。
お世話になります。

2分割ヘッダーアイキャッチをPCで表示した場合に右側の見出し、説明文、ボタンを中央に配置することは可能でしょうか?

よろしくお願いいたします。

ヘッダーアイキャッチを設定する
ヘッダーアイキャッチ画像を設定しよう
コメントへの回答
サルワカくん
サルワカくん
2020/03/05

以下のCSSをダッシュボードの[外観]⇒[カスタマイズ]⇒[追加CSS]に貼り付けることで、2分割ヘッダーアイキャッチ(PC表示の場合)の見出し、説明文、ボタンを中央配置にできます。

@media only screen and (min-width: 769px) {
  .divheader__headline, .divheader__descr, .divheader__btn {
    text-align: center;
  }
}

よろしくお願いします。

アバター
がぴを
2020/03/05

サルワカさま。
お返事ありがとうございます。

PCでの表示うまく行きました。
重ねて質問なのですが、スマホでも中央にする場合はどの様にすれば良いでしょう?

よろしくお願いいたします。

サルワカくん
サルワカくん
2020/03/05

さきほどのコードでは「768px以上」という指定になっています。
さきほどのコードのうち、最初の@media only screen and (min-width: 769px) {と最後の}を消せば、画面幅に関わらず適用されるようになります。