スマホの時だけ文字を小さくしたい

  • 解決済 nanasecrown

    (@nanasecrown)


    3週、 1日前

    WP初心者です。
    以下のコラムのスマートフォンバージョンで文字を小さくしたいと考えております（今後作成するほかのコラムも同様に）https://snssupport.jp/%e5%9c%b0%e6%96%b9%e3%83%ad%e3%83%bc%e3%82%ab%e3%83%ab%e4%b8%8d%e5%8b%95%e7%94%a3%e8%b2%b7%e5%8f%96%e3%81%aesns%e5%8b%9d%e3%81%a1%e7%ad%8b/

    文章は、基本的には「p class=”has medium -font-size”」を使ってサイズを規定しています。

    その上で追加CSSにて以下を記載しています。

    @media screen and (max-width:1240px){
    p{
    font-size : 12px ;
    }
    }

    色々とやり方を変えて見ましたが、かれこれ1-2時間同じことを繰り返しており糸口が分かりません。
    ご教授のほどよろしくお願いいたします。

    ヘルプの必要なページ: [リンクを見るにはログイン]

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • 瀬戸内ことり (Setouchi Kotori)

    (@setouchikotori)

    3週、 1日前

    お使いになっているテーマ「Divi」は有料のテーマですね。

    公式サポートフォーラムでは有料のプロダクツについてはご質問いただけないことになっています。

    【参考】商用製品について投稿しないでください – フォーラムガイドライン – サポートフォーラム

    購入先のサポートあるいはフォーラムをご利用くださいませ。

    瀬戸内ことり (Setouchi Kotori)

    (@setouchikotori)

    3週、 1日前

    Divi は有料テーマですので、購入して検証し、回答することはできません。

    頂いた情報を基に･･･
    以下、お試しください。

    　　

    明示的にクラスを指定します。

    @media screen and (max-width: 1240px) {
        p.has-medium-font-size {
            font-size: 12px;
        }
    }

    　　

    上記が効かない場合、!important を付けて強制的に適用します。

    @media screen and (max-width: 1240px) {
        p.has-medium-font-size {
            font-size: 12px !important;
        }
    }

    　　

    なお、max-width: 1240px だと、スマホだけでなくタブレットサイズにも適用されるのではないかと思います。

    スマホに限定したい場合、例えば max-width: 768px に変更するなどお試しください。

    @media screen and (max-width: 1240px) {
        p.has-medium-font-size {
            font-size: 12px !important;
        }
    }
    トピック投稿者 nanasecrown

    (@nanasecrown)

    3週、 1日前

    できました、、、、、、、！！！

    本当にありがとうございます。

    トピック投稿者 nanasecrown

    (@nanasecrown)

    3週、 1日前

    解決済み

    瀬戸内ことり (Setouchi Kotori)

    (@setouchikotori)

    3週、 1日前

    解決してよかったです^^

    こちらでお伝えしているように、今後は販売者様のサポートのご利用をご検討くださいね。どうぞよろしくお願いいたします！

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • このトピックに返信するにはログインが必要です。