テーマ「Dawn」でh1のフォントサイズを小さくしたい

日本語 ディスカッション 技術的なQ＆A
1

初心者が失礼いたします

DawnのProductsのデフォルトテーマを使用しているのですが

以下が日本語だとでかすぎるため小さくしたいです。

①ページタイトル

②商品タイトル

テーマ設定のタイポグラフィーでは大きくすることはできても小さくできず悩んでいます。

なんとなくbase.cssの以下数値を下げてみましたが、プレビューしても反映されておらず。

どなたかご教示いただけますと幸いです

h1,
.h1 {
font-size: calc(var(–font-heading-scale) * 3rem);
}

@media only screen and (min-width: 750px) {
h1,
.h1 {
font-size: calc(var(–font-heading-scale) * 4rem);
}
}

2

①ページタイトルは、以下のコードの数値を下げると、反映されると思います。

.h0 {
  font-size: calc(var(--font-heading-scale) * 4rem);
}

@media only screen and (min-width: 750px) {
  .h0 {
    font-size: calc(var(--font-heading-scale) * 5.2rem);
  }
}

②商品タイトルは、質問に記載されている数値の調整で問題なくできるはずです。もしできなければ、以下のようにクラス名を指定したコードをbase.cssに追記して調整してみてください。

.product__title {
  font-size: calc(var(--font-heading-scale) * 3rem);
}

@media only screen and (min-width: 750px) {
  .product__title{
    font-size: calc(var(--font-heading-scale) * 4rem);
  }
}
3

返信を失念しており失礼いたしました！

大変助かりました。ありがとうございます！！