Question
メインビジュアルの文字サイズを変更したい
- c cha
-
メインビジュアルの文字サイズを変更したい
スマホ表示の場合は改行して表示したい
使用サーバーはカラフルボックスです。- WP 6.1系
- PHP 7.4
- JIN:R 1.0.5
- その他(トピック内容に記載してください。)
- GoogleChrome
- macOS Catalina
メインビジュアルの文字サイズを変更したい
スマホ表示の場合は改行して表示したい
使用サーバーはカラフルボックスです。
こんにちは!
2023/02/20 10:11JIN:R運営チームのtsu_です。
文字サイズは管理画面「外観」>「カスタマイズ」>「 - メインビジュアル」の
「キャッチコピー設定」>「キャッチコピーの文字サイズ調整」から変更ができます!
改行については、CSS で行なうのであれば、
「キャッチコピー設定」>「メインコピー」のところを
すべての人に<br>直感的な<br class="my-br_sp">サイトデザインを
みたいな書き方をして(<br class="my-br_sp">がスマホで改行させたい位置になります)、
管理画面「外観」>「カスタマイズ」>「追加 CSS」に
/*MVテキストをスマホで改行*/
.my-br_sp{
display: none;
}
@media screen and (max-width:768px) {
.my-br_sp{
display: block;
}
}
と書けば対応できるんじゃないかなと思います。
ご確認よろしくお願いいたします!
改行解決いたしました。ありがとうございます。
2023/02/20 13:10キャッチコピーの文字サイズ調整はMAXでこれ以上大きくしたいです。
文字サイズの方は以下のコードでどうでしょうか??
2023/02/21 10:22@media screen and (max-width:767px) {
.a--stillimage-maincopy {
font-size: 3rem;
}
}
@media screen and (min-width: 768px) {
.a--stillimage-maincopy {
font-size: 4rem;
}
}
3rem の方がスマホで、4rem の方はタブレット以上です。
その他の細かい調整は cha さんの方でお願いできればと思います!
ご確認よろしくお願いいたします!