WordPressテーマSANGOの質問

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

アバター
マサック

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

質問ですが、2分割ではないヘッダー画像設定の「見出し」「説明文」「ボタン」のテキストのフォントサイズ・色を
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 スマホ表示でのヘッダーアイキャッチ*/
アバター
マサック
2018/04/30

こんにちは。

ご丁寧な対応、誠にありがとうございます!!!
非常に助かりました!