# ブログのタイトルと本文の文字を大きくしたい

**URL:** <https://community.shopify.com/t/topic/232571>\
**Category:** 技術的なQ＆A\
**Tags:** css, html\
**Created:** [July 14, 2023, 2:20am UTC](https://community.shopify.com/t/topic/232571 "2023-07-14T02:20:35Z")\
**Posts on this page:** 5\
**Page:** 1

## AI-generated summary

Dawnテーマを使用しているユーザーが、ブログ記事のタイトルと本文の文字サイズ調整について質問しています。

**初期の問題：**
- タイトルの文字が小さく、本文の文字が大きくなっている状態

**提供された解決策：**
```css
/* タイトル */
.article-template .article-template__title {
    font-size: 20px;
}
/* 本文 */
.article-template .article-template__content {
    font-size: 16px;
}
```

**追加の質問と解決：**
質問者は1枚目の画像が大きすぎる問題も提起。画像幅を縮小するために以下のCSSコードが提案されました：
```css
.article-template .article-template__hero-container {
    max-width: 1000px;
}
```

**結果：** 両方の問題が解決され、質問者は満足しています。

<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 14, 2023, 2:20am UTC](https://community.shopify.com/t/topic/232571/1 "2023-07-14T02:20:35Z")

</div>

Dawnを使っているのですが、デフォルトのブログ記事のところで、タイトルと本文の文字を調節したいです。

現状は写真のような感じで本文の文字が大きく、タイトルが小さくなってしまっています。

cssを具体的にご教授いただきたいです。

よろしくおねがいいたします。

 ![スクリーンショット 2023-07-14 111855.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/d/b/4/db4d4c2a21aafc94829fb00c6595f049139f6598.png)

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [July 18, 2023, 9:00am UTC](https://community.shopify.com/t/topic/232571/2 "2023-07-18T09:00:04Z")

</div>

Kabu\_mcom様

ご質問を確認いたしました。

Dawnのブログの文字の変更は以下cssで可能かと存じます。

```css
/* タイトル */
.article-template .article-template__title {
    font-size:20px;
}
/*本文 */
.article-template .article-template__content {
    font-size:16px;
}

```

数字(px)の部分は任意の値をご入力くださいませ。

バージョンによっては一部クラス名が異なる可能性がございますので、

その際はバージョン情報をご共有いただくか、google等の検証ツールにてクラス名を調査いただけますと幸いです。

ご参考までに。

ご不明点がございましたら、ご連絡ください！

もしお役に立てたようでしたら、ベストアンサーをいただけると大変嬉しいです。

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

フルバランス 園畑

---

<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 19, 2023, 2:23am UTC](https://community.shopify.com/t/topic/232571/3 "2023-07-19T02:23:37Z")

</div>

株式会社フルバランス様

ご回答いただきありがとうございます！

解決いたしました！

文字の所ではないのですが、1枚目の画像がとても大きくなってしまうのですが、こちらを小さくすることは可能でしょうか？

もしできるようでしたら、こちらもCSS具体的にご教授いただけると助かります！

 ![スクリーンショット 2023-07-19 111627.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/8/0/d/80dca7030740c164f5434d6caaae2441c78f7bf7.png)

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [July 19, 2023, 9:13am UTC](https://community.shopify.com/t/topic/232571/4 "2023-07-19T09:13:15Z")

</div>

どう小さくされたいのかにもよりますが、

画像幅を縮めたいのであれば、以下のようなコードを追加すれば良いかと存じます。

```css
.article-template .article-template__hero-container {
  max-width:1000px;
}

```

1000pxの部分には画像の最大幅を登録ください。

---

<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 19, 2023, 9:19am UTC](https://community.shopify.com/t/topic/232571/5 "2023-07-19T09:19:34Z")

</div>

株式会社フルバランス様

迅速な対応、ありがとうございます！

画像のサイズ調整できました！