# トップページのブログのタイトルの文字を小さくしたい

**URL:** <https://community.shopify.com/t/topic/232309>\
**Category:** 技術的なQ＆A\
**Tags:** css, html\
**Created:** [July 13, 2023, 7:53am UTC](https://community.shopify.com/t/topic/232309 "2023-07-13T07:53:18Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

DAWNテーマを使用したトップページで、ブログタイトルの文字サイズが大きすぎてバランスが悪いという問題が提起されました。

**解決方法:**
株式会社Tsunの吉谷氏から具体的な解決策が提示されました:
- カスタムCSSに以下のコードを追記
- サンプルコード: `.card__heading{ font-size: 16px; }`
- 16pxは仮の値なので、適宜調整が必要
- Dawnのバージョンによっては修正が必要な場合あり

**結果:**
質問者は解決したことを報告し、感謝の意を表明しました。トップページのブログタイトルを小さくすることに成功しています。

<div class="post-metadata">

**Author:** ![kabu\_mcom](https://avatars.discourse-cdn.com/v4/letter/k/fbc32d/32.png) [@kabu\_mcom](https://community.shopify.com/u/kabu_mcom)\
**Post date:** [July 13, 2023, 7:53am UTC](https://community.shopify.com/t/topic/232309/1 "2023-07-13T07:53:18Z")

</div>

DAWNを使ってトップページの作成をしているのですが、ブログタイトルの文字が大きすぎてバランスが悪くなってしまいます。

こちらを変更することは可能でしょうか？

cssやコードでどうやればよいか、具体的にご教授いただきたいです。

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

---

<div class="post-metadata">

**Author:** ![kyoshi\_Tsun](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/kyoshi_tsun/32/1503_2.png) [@kyoshi\_Tsun](https://community.shopify.com/u/kyoshi_Tsun)\
**Post date:** [July 13, 2023, 8:58am UTC](https://community.shopify.com/t/topic/232309/2 "2023-07-13T08:58:50Z")

</div>

はじめまして

株式会社Tsunの吉谷と申します。

TOPページでブログ記事セクションを利用しているという認識であっていますでしょうか。

**ブログ記事のタイトルを小さくしたい場合**

カスタムCSSに下記のサンプルコードを追記する（16pxは仮で設定してるので変更して、利用してください）

サンプルコード （※ Dawnのバージョンによっては修正が必要な場合もあります）

```css
.card__heading{
  font-size: 16px;
}

```

サンプルコードの追記箇所（カスタムCSS）

 ![CleanShot 2023-07-13 at 17.49.54@2x.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/f/8/f8ee9220c79eb9895729c771fd760ba584d14f36.png)

**セクション名（添付画像のBlog postsのテキスト）を小さくしたい場合**

 ![CleanShot 2023-07-13 at 17.50.36@2x.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/4/9/49206d6fa3b5fae1eed67bfca309ed11eb854ff9.jpeg)

以上になります。

ご参考になりましたら幸いです。

---

<div class="post-metadata">

**Author:** ![kabu\_mcom](https://avatars.discourse-cdn.com/v4/letter/k/fbc32d/32.png) [@kabu\_mcom](https://community.shopify.com/u/kabu_mcom)\
**Post date:** [July 13, 2023, 9:32am UTC](https://community.shopify.com/t/topic/232309/3 "2023-07-13T09:32:48Z")

</div>

株式会社Tsunの吉谷様

お世話になっております。

伝わりにくい質問をしてしまい、申し訳ございません。

トップページのブログタイトルを小さくしたいと思っておりました。

解決いたしました！ありがとうございます！