チェックアウトページのCSSカスタマイズにつきまして

日本語 ディスカッション 技術的なQ＆A
,
1

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

チェックアウトページを「設定＞チェックアウト＞チェックアウトをカスタマイズ」から、編集することができますが、ロゴサイズを小に設定しても大きく、HTMLを見ると、横幅が350pxもあります。

また、「連絡先」、「配送方法」などのh2タグの文字も大きく、小さくしたいのですが、変更可能でしょうか？

ロゴサイズは、CSSではなく直書きで下記のように記述されていました。

また、ロゴサイズとh2に記載されているクラスに対して、theme.cssにCSSを追記しましたが、CSSがアップされているディレクトリがチェックアウトページと異なるためか、上書きすることはできませんでした。

以前に、チェックアウトページを編集するには、shopify plusに加入することが必要と見たことがあるのですが、この2点を変更するだけに、高額コストを払うのはコストが大きいため加入予定はありません。

加入せずに、チェックアウトページのロゴサイズとh2タグのフォントサイズを変更する方法はありますでしょうか？

詳しい方がいらっしゃいましたら、ご教授頂けましたら幸いでございます。

何卒よろしくお願い申し上げます。

2 
logo size
max-width: min(100%, 350px);

h2 .n8k95w2 {
font-size: var(--x-heading-level1-font-size,var(--x-typography-size-extra-extra-large)); }