サポート » テーマ » スマホ画面の時だけ、文字を小さくしたい

  • 初めまして、WP初心者です。

    トップページの商品写真の下にある、商品名を、モバイル表示の時だけ文字を小さく表示したいのですがどうすればよろしいでしょうか。
    テーマは、lightningを使用しています。

    色々調べて下記のように記述してみたのですが、変化がありません。

    @media (max-width: 800px) {
    	h3 {
    font-size: 8px;
    }
    }

    解決策のご教示よろしくお願い致します。

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

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは

    CSS の優先順位が負けてるのではと思います。
    試しに !important を付けてみてはどうでしょう。
    font-size: 8px !important;

    参考ページ:
    !importantはもう使わない!CSSの優先順位をおさらいしよう | アライドアーキテクツのクリエイターブログ

    初めまして

    ishitaka(@ishitaka)さんも回答しているかと思いますが順位負けをしているのと
    クラス名が間違っているかと思います。

    また、サイトを確認いたしましたが、クラス名の設定がされてないようです。
    現状のh3で設定した場合、すべてのh3が小さくなります。

    質問からすると、写真の下にあるテキストのみサイズを小さくしたいとのことですので
    テキスト部分にクラスを設定してそのクラスに対して変更してみてください。

    現在どのブロックを使って設定していつかが分からないため詳しく回答できずすみません。
    ブロックエディターの種類を教えていただければもう少し詳しく回答できるかと思います。

    • この返信は6ヶ月、 2週前にcyoutが編集しました。
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「スマホ画面の時だけ、文字を小さくしたい」には新たに返信することはできません。