Question

メインビジュアルの文字サイズを変更したい

  • c cha
  • メインビジュアルの文字サイズを変更したい
    スマホ表示の場合は改行して表示したい

    使用サーバーはカラフルボックスです。

    • WP 6.1系
    • PHP 7.4
    • JIN:R 1.0.5
    • その他(トピック内容に記載してください。)
    • GoogleChrome
    • macOS Catalina
    2023/02/19 22:03
  • tsu_

    こんにちは!
    JIN: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 10:11
  • c
    cha

    改行解決いたしました。ありがとうございます。
    キャッチコピーの文字サイズ調整はMAXでこれ以上大きくしたいです。

    2023/02/20 13:10
  • tsu_

    文字サイズの方は以下のコードでどうでしょうか??

    @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 さんの方でお願いできればと思います!

    ご確認よろしくお願いいたします!

    2023/02/21 10:22
CLOSE