# Dawn「ページ」のタイトル文字サイズ変更

**URL:** <https://community.shopify.com/t/dawn/358885>\
**Category:** Shopify テーマ\
**Tags:** css, html\
**Created:** [September 17, 2024, 6:50am UTC](https://community.shopify.com/t/dawn/358885 "2024-09-17T06:50:12Z")\
**Posts on this page:** 6\
**Page:** 1

## AI-generated summary

Dawnテーマで「ページ」のタイトル文字サイズを小さくする方法についての質問。

**問題:**
- 初心者ユーザーがページタイトルのフォントサイズ変更を試みたが、カスタムCSSでエラーが発生

**解決方法:**
Naru_05が2つのアプローチを提案:

1. **全ページ共通の変更:** カスタマイズ→デフォルトの商品→カスタムCSSで`h1`要素に対してCSSを適用
2. **個別ページの変更:** 該当ページのコード編集で調整

**具体的なCSS例:**
```
h1 {
  font-size: ○○px;
}
```
- 数値はpxだけでなく、em、remなども使用可能
- クラス指定で特定箇所のみ調整することも推奨

**結果:**
質問者は無事に問題を解決し、感謝の意を表明。

<div class="post-metadata">

**Author:** ![ttjko](https://avatars.discourse-cdn.com/v4/letter/t/51bf81/32.png) [@ttjko](https://community.shopify.com/u/ttjko)\
**Post date:** [September 17, 2024, 6:50am UTC](https://community.shopify.com/t/dawn/358885/1 "2024-09-17T06:50:12Z")

</div>

テーマは、Dawnです。

「ページ」のタイトル文字サイズを小さくしたいです。

こちらの他の同じような質問＆回答を拝見し、回答通り

cssをページのカスタムcssに入力しましたが、エラーが出て修正ができません。

ご教授いただければ、大変助かります。

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Naru\_05](https://avatars.discourse-cdn.com/v4/letter/n/e0b2c6/32.png) [@Naru\_05](https://community.shopify.com/u/Naru_05)\
**Post date:** [September 18, 2024, 7:43am UTC](https://community.shopify.com/t/dawn/358885/2 "2024-09-18T07:43:29Z")

</div>

ttjko 様

はじめまして。  
カスタムCSS内でh1要素に対してCSSを適用させればエラーが解消されるかと思います。  
ご確認ください。

---

<div class="post-metadata">

**Author:** ![ttjko](https://avatars.discourse-cdn.com/v4/letter/t/51bf81/32.png) [@ttjko](https://community.shopify.com/u/ttjko)\
**Post date:** [September 18, 2024, 2:57pm UTC](https://community.shopify.com/t/dawn/358885/3 "2024-09-18T14:57:34Z")

</div>

ご返信ありがとうございます。超！初心者でございまして、もう少し詳しくお聞きしたのですが、

各ページのタイトル文字を小さくするには、下記のどちらになりますか？

１：「カスタマイズ」の左隣の３本線→「コードを編集」→該当ページのコードの数字を変更する

２：「カスタマイズ」→「ページ」を選択→カスタムCSSに入力する

レベルが低く申し訳ございませんが、入力すべき文字も教えていただけると助かります。

---

<div class="post-metadata">

**Author:** ![Naru\_05](https://avatars.discourse-cdn.com/v4/letter/n/e0b2c6/32.png) [@Naru\_05](https://community.shopify.com/u/Naru_05)\
**Post date:** [September 19, 2024, 2:34am UTC](https://community.shopify.com/t/dawn/358885/4 "2024-09-19T02:34:23Z")

</div>

どのページの文字サイズを調整したいかによって方法は異なります。

①の場合、共通のcss(base.css)にh1要素に対しcssを書けば全てのページのh1に反映が可能です。  
h1要素には何かしらクラスが付与されている場合は適宜指定をしたうえ調整してもいいかもしれません。  
望んでいない箇所も反映されている事もありますので。

②の場合、そのページ(テンプレート)のh1要素のみに調整が可能です。  
【例】商品ページの商品名の場合  
カスタマイズ \> 商品 \> デフォルトの商品 \> カスタムCSS

h1 {  
font-size: 〇〇px;  
}  
〇〇には数値が入ります。  
pxだけではなくem、remなどでも可能です。

どちらが正解といった事ではございませんのでご自身の管理しやすい方法を選んでいただければと思います!  
ご確認よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![ttjko](https://avatars.discourse-cdn.com/v4/letter/t/51bf81/32.png) [@ttjko](https://community.shopify.com/u/ttjko)\
**Post date:** [September 19, 2024, 2:56am UTC](https://community.shopify.com/t/dawn/358885/5 "2024-09-19T02:56:12Z")

</div>

出来ました！！！分かりやすく教えていただきありがとうございます。

---

<div class="post-metadata">

**Author:** ![Naru\_05](https://avatars.discourse-cdn.com/v4/letter/n/e0b2c6/32.png) [@Naru\_05](https://community.shopify.com/u/Naru_05)\
**Post date:** [September 19, 2024, 3:05am UTC](https://community.shopify.com/t/dawn/358885/6 "2024-09-19T03:05:47Z")

</div>

文字サイズは重要ですよね。

無事解決して良かったです!