FROM CACHE - jp_header

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

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

Martin240
新規メンバー
5 0 0

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

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

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

 

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

<img src="xxx.jpg" style="max-width: min(100%, 350px);">

 

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

 

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

 

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

 

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

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

1件の返信1

Martin240
新規メンバー
5 0 0
logo size
max-width: min(100%, 350px);

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