WordPressテーマSANGOの質問

ヘッダーアイキャッチ画像の見出し、説明文、ボタンの文字サイズと色をスマホとPCで変えたい

マサック

2018/04/29

はじめまして。使いやすいテーマをありがとうございます。

質問ですが、２分割ではないヘッダー画像設定の「見出し」「説明文」「ボタン」のテキストのフォントサイズ・色を
PCで見る際とスマホで見る際にそれぞれ大きさを分けて設定したいのですが、可能でしょうか？

PCでのテキストの大きさは、これまでの解答の中に記載されていましたので変更できたのですが、スマホで確認すると大きさが変わっておりません…。

お手数ですが返信頂けますと幸いです。

ヘッダーアイキャッチ画像を設定しよう

コメントへの回答

サルワカくん

2018/04/30

スマホ表示は、以下のCSSを子テーマのstyle.cssに追記すれば良いかと思います。

/*スマホ表示でのヘッダーアイキャッチ*/
@media screen and (max-width: 480px)  {
  .header-image__text .header-image__headline {
    font-size: ◯em;/*見出しのサイズ*/
  }
  .header-image__text .header-image__descr {
    font-size: ◯em;/*説明文のサイズ*/
  }
  .header-image__btn .raised {
    font-size: ◯em;/*ボタンの文字サイズ*/
    background-color: #EFEFEF;/*ボタンの色*/
  }
}/*END スマホ表示でのヘッダーアイキャッチ*/