# チェックアウトページのCSSカスタマイズにつきまして **URL:** \ **Category:** 技術的なQ＆A\ **Tags:** css, html\ **Created:** [November 25, 2023, 11:04am UTC](https://community.shopify.com/t/css/271680 "2023-11-25T11:04:20Z")\ **Posts on this page:** 2\ **Page:** 1 ## AI-generated summary チェックアウトページのカスタマイズに関する質問です。 **主な問題点：** - 「設定>チェックアウト>チェックアウトをカスタマイズ」でロゴサイズを「小」に設定しても、実際には350pxと大きく表示される - ロゴの幅が `style="max-width: min(100%, 350px);"` とインラインで直接記述されている - 「連絡先」「配送方法」などのh2タグの文字サイズが大きく、小さくしたい **試みた対応：** - theme.cssにCSSを追加したが、アップロードされているCSSとチェックアウトページのディレクトリが異なるため、上書きできなかった **背景情報：** - 以前はチェックアウトページの編集にShopify Plusへの加入が必要だったが、現在は高額コストを払わずにロゴサイズとh2フォントサイズの2点のみ変更したい - 追加費用をかけずに変更する方法を探している 投稿にはCSSコードの断片が含まれていますが、一部文字化けしており完全には読み取れません。
**Author:** ![Martin240](https://avatars.discourse-cdn.com/v4/letter/m/9e8a1a/32.png) [@Martin240](https://community.shopify.com/u/Martin240)\ **Post date:** [November 25, 2023, 11:04am UTC](https://community.shopify.com/t/css/271680/1 "2023-11-25T11:04:20Z")
お世話になっております。 チェックアウトページを「設定＞チェックアウト＞チェックアウトをカスタマイズ」から、編集することができますが、ロゴサイズを小に設定しても大きく、HTMLを見ると、横幅が350pxもあります。 また、「連絡先」、「配送方法」などのh2タグの文字も大きく、小さくしたいのですが、変更可能でしょうか？ ロゴサイズは、CSSではなく直書きで下記のように記述されていました。 ![]() また、ロゴサイズとh2に記載されているクラスに対して、theme.cssにCSSを追記しましたが、CSSがアップされているディレクトリがチェックアウトページと異なるためか、上書きすることはできませんでした。 以前に、チェックアウトページを編集するには、shopify plusに加入することが必要と見たことがあるのですが、この2点を変更するだけに、高額コストを払うのはコストが大きいため加入予定はありません。 加入せずに、チェックアウトページのロゴサイズとh2タグのフォントサイズを変更する方法はありますでしょうか？ 詳しい方がいらっしゃいましたら、ご教授頂けましたら幸いでございます。 何卒よろしくお願い申し上げます。 ---
**Author:** ![Martin240](https://avatars.discourse-cdn.com/v4/letter/m/9e8a1a/32.png) [@Martin240](https://community.shopify.com/u/Martin240)\ **Post date:** [November 25, 2023, 11:37am UTC](https://community.shopify.com/t/css/271680/2 "2023-11-25T11:37:42Z")
```css logo size max-width: min(100%, 350px); h2 .n8k95w2 { font-size: var(--x-heading-level1-font-size,var(--x-typography-size-extra-extra-large)); } ```