FROM CACHE - jp_header

DAWNで、フォントサイズを100%以下にしたい

KKK31
訪問者
2 0 0

DAWNというデフォルトのテーマを使っています。

 

どれか特定のフォントを小さくしたい、というわけではなく

サイト全体のフォントサイズを一回り小さくしたいと思っています。

DAWNではなぜか100%以下にフォントサイズが設定できないため、解決策を教えていただけますでしょうか。

 

イメージ的には、現在最小の100%に設定しているのを、70%くらいにしたいと思っています。

もし可能であれば、CSSで無理矢理小さくするというよりは、フォントサイズのスライダーを50%くらいまで延長させるスマートな実装ができれば最高です。

それが無理そうでしたら、CSSでフォントを全体の**%小さくするという指定などで大丈夫です。

 

2件の返信2

Qcoltd
Shopify Partner
1022 415 391

ご質問いただいている、Dawnテーマのフォントサイズを100%以下にする件ですが、テーマ設定『タイポグラフィー』の見出し、本文の『フォント・サイズ・スケール』部分の設定を変更したいという認識で説明させていただきます。

対象箇所のフォントサイズ(%)は、テーマに用意されているjsonファイルを変更することで対応が可能です。

 

以下設定方法となります。

  • 管理画面より「オンラインストア > テーマ > カスタマイズボタンの横にある「…」 > コードを編集」からコード編集画面を開きます。
  • コード編集画面の「ファイルを検索」エリアに、『settings_schema.json』と入力しソートされたファイルを開きます。
  • 見出しのフォントサイズは『settings_schema.json』ファイルで『"id": "heading_scale"』を検索してください。
    その下の行にある『"min": 100,』が現在の最小値となりますので、こちらの数値を変更してください。
  • 本文のフォントサイズは『settings_schema.json』ファイルで『"id": "body_scale"』を検索してください。
    その下の行にある『"min": 100,』が現在の最小値となりますので、こちらの数値を変更してください。

 

ご参考まで。

(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
KKK31
訪問者
2 0 0

天才ですね。ありがとうございます。