# ポリシー表記の文字サイズを小さくしたい **URL:** \ **Category:** 技術的なQ＆A\ **Created:** [March 13, 2023, 9:27am UTC](https://community.shopify.com/t/topic/199082 "2023-03-13T09:27:15Z")\ **Posts on this page:** 5\ **Page:** 1 ## AI-generated summary モバイルデバイスで表示されるポリシーページ（利用規約、配送ポリシーなど）の本文と見出しのフォントサイズを小さくしたいという質問。 **表示ルート：** - フッターメニューからのアクセス - チェックアウト画面下部のポリシーリンク **解決方法：** Qcoltdが段階的に解決策を提供： 1. **本文のフォントサイズと左右余白の調整**：base.css等にCSSコードを追加することで対応可能。フッターメニュー経由のみ有効。 2. **チェックアウト画面も含める場合**：各ポリシーの入力画面右上の「」ボタンから直接styleを記載する必要がある。 3. **見出しのフォントサイズ調整**：追加質問に対し、`.shopify-policy__container .shopify-policy__title h1`のCSSを追加することで対応。 **提供されたコード：** - PC・スマートフォンそれぞれのフォントサイズ指定 - 最大幅の設定（1000px） - メディアクエリを使用したレスポンシブ対応 質問者は両方の変更に成功し、解決済み。
**Author:** ![8910](https://avatars.discourse-cdn.com/v4/letter/8/ee59a6/32.png) [@8910](https://community.shopify.com/u/8910)\ **Post date:** [March 13, 2023, 9:27am UTC](https://community.shopify.com/t/topic/199082/1 "2023-03-13T09:27:15Z")
デバイスから見た時のポリシー表記の文字サイズ（見出しではなく本文）を小さくしたいです。 テーマはDawnを使用しています。 現在、ポリシーへの流入は以下２つのルートが考えられます。 ①フッターに設定しているメニューをタップ ②チェックアウト画面で下部に表示されるポリシーをタップ どちらから見た時も今より本文を小さく表示したいです。 できれば左右に余白も少し取りたいです。 テーマ設定のタイポグラフィーにある「フォント・サイズ・スケール」は一番小さい100％です。 これよりも小さくしたいと考えております。 お忙しいとは思いますが、ご協力頂ける方がいましたらご回答よろしくお願いします。 ---
**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\ **Post date:** [March 17, 2023, 10:08am UTC](https://community.shopify.com/t/topic/199082/2 "2023-03-17T10:08:42Z")
ご質問いただいている、ポリシーのフォントサイズの変更および左右余白の変更をしたい件ですが、①のみであればbase.css等にCSSを記載することで調整が可能です。 ②まで変更する場合は、各ポリシーの入力画面右上の「\」ボタンをクリックしフォントサイズを調整したい部分に直接styleを記載する必要があります。 ②につきましては、実際のコードが不明ですので、①についての変更方法を記載させていただきます。 base.css等に下記cssを追加いただけましたら、フォントサイズおよび左右余白が調整されます。 ```markup .shopify-policy__container { font-size: 14px; } @media screen and (min-width: 990px) { .shopify-policy__container { font-size: 16px; max-width: 1000px; } } ``` CSSについて ・上部の『font-size: 14px;』はスマートフォンサイズでのフォントサイズとなります。 ・下部の『font-size: 16px;』はPCサイズでのフォントサイズとなります。 ・『max-width: 1000px;』はPCサイズでのポリシーテキストエリアの最大横幅となります。 各数値をご希望のサイズに変更いただければと思います。 ご参考まで。 (キュー小坂) ---
**Author:** ![8910](https://avatars.discourse-cdn.com/v4/letter/8/ee59a6/32.png) [@8910](https://community.shopify.com/u/8910)\ **Post date:** [March 18, 2023, 2:50am UTC](https://community.shopify.com/t/topic/199082/3 "2023-03-18T02:50:20Z")
返信ありがとうございます！ 変更出来ました。ありがとうございます。 追加の質問で申し訳ないのですが、ポリシーの見出し（利用規約、配送ポリシーなど）も調整したくなってしまいました。 見出しの大きさを小さくする方法も教えて頂けますか？ お忙しいとは思いますが、よろしくお願いします！ ---
**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\ **Post date:** [March 20, 2023, 4:13am UTC](https://community.shopify.com/t/topic/199082/4 "2023-03-20T04:13:32Z")
@8910 様 追加でご質問いただきました、ポリシーの見出しは添付画像の赤枠部分の認識で返答させていただきます。 ![29a925dc-76c4-4c01-9379-921a12aa5c3e.png](https://canada1.discourse-cdn.com/shopifyforum/original/2X/6/6ef24a027326423e37af23fe2c0887efb5aab9e6.png) 赤枠部分のフォントサイズの変更は先日記載しました、CSSを下記に変更いただければ調整が可能です。 ```markup .shopify-policy__container { font-size: 14px; } .shopify-policy __container .shopify-policy__ title h1 { font-size: 24px; } @media screen and (min-width: 990px) { .shopify-policy__container { font-size: 16px; max-width: 1000px; } .shopify-policy __container .shopify-policy__ title h1 { font-size: 36px; } } ``` CSSについて ・上部の『font-size: 24px;』はスマートフォンサイズでのフォントサイズとなります。 ・下部の『font-size: 36px;』はPCサイズでのフォントサイズとなります。 各数値をご希望のサイズに変更いただければと思います。 ご参考まで。 (キュー小坂) ---
**Author:** ![8910](https://avatars.discourse-cdn.com/v4/letter/8/ee59a6/32.png) [@8910](https://community.shopify.com/u/8910)\ **Post date:** [March 21, 2023, 4:20am UTC](https://community.shopify.com/t/topic/199082/5 "2023-03-21T04:20:30Z")
変更出来ました！ いつもありがとうございます！