# カートページの動的チェックアウトボタンに適用されているcssにつきまして **URL:** \ **Category:** 技術的なQ＆A\ **Created:** [September 20, 2022, 7:39am UTC](https://community.shopify.com/t/css/153052 "2022-09-20T07:39:56Z")\ **Posts on this page:** 3\ **Page:** 1 ## AI-generated summary 主題: カートページに表示される動的チェックアウト（Google Pay／Shop Pay／PayPal）ボタンのCSSの所在と上書き方法。 要点: - 該当CSSはテーマファイル内ではなく、Shopify側が出力するstyleタグ内にあるため、テーマには記述がない。 - 幅などの見た目調整は、ボタンを包含する親要素にCSSを適用する、またはHTML構造を適切に組み替えることで対応可能。 !importantへの対応: - CSSの優先度（specificity）を踏まえ、より強いセレクタや記述位置の調整、必要に応じて自前の!importantで上書きを検討。参考資料としてMDNのドキュメントリンクが提示された。 アクション／結果: - 投稿者は親要素にCSSを当てる方法で試す方針。 ステータス: - 解決方向で進行中。大きな異論なし。
**Author:** ![Anonymous\_876e90207c84eec074dc8f1fbdf1c908](https://avatars.discourse-cdn.com/v4/letter/a/e99b99/32.png) [@Anonymous\_876e90207c84eec074dc8f1fbdf1c908](https://community.shopify.com/u/Anonymous_876e90207c84eec074dc8f1fbdf1c908)\ **Post date:** [September 20, 2022, 7:39am UTC](https://community.shopify.com/t/css/153052/1 "2022-09-20T07:39:56Z")
いつもお世話になっております。 決済方法で、Google payやShop pay、paypalなどを有効にしていると、「ご購入手続きへ」のボタンの下に各決済方法のボタンが表示されるかと思います。 このボタンの表示を少し修正したい（widthなど）と思うのですが、適用されているCSSがテーマファイルの中にありません。 このCSSはどこから読み込まれているものなのでしょうか？ また、上書きしたいスタイルに既に「!important」が付けられている場合は、スタイルを上書きする方法はないでしょうか？ よろしくお願いいたします。 ---
**Author:** ![Jizo\_Inagaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/jizo_inagaki/32/149480_2.png) [@Jizo\_Inagaki](https://community.shopify.com/u/Jizo_Inagaki)\ **Post date:** [September 22, 2022, 6:09am UTC](https://community.shopify.com/t/css/153052/2 "2022-09-22T06:09:02Z")
基本的な指定はShopify側から出力されるstyleタグ内にあり、テーマ内に記述はないと思います。 幅に関してはテーマ側の構造次第なので、ボタンを包含する要素に対してCSSを当てるなり、適した構造に作り替えるなりすれば変更できると思います。 importantに関しましては以下のページなど、CSSに関するドキュメントを参照ください。 [https://developer.mozilla.org/ja/docs/Web/CSS/Specificity#!important\_%E3%81%AE%E4%BE%8B%E5%A4%96](https://developer.mozilla.org/ja/docs/Web/CSS/Specificity#!important_%E3%81%AE%E4%BE%8B%E5%A4%96) ---
**Author:** ![Anonymous\_876e90207c84eec074dc8f1fbdf1c908](https://avatars.discourse-cdn.com/v4/letter/a/e99b99/32.png) [@Anonymous\_876e90207c84eec074dc8f1fbdf1c908](https://community.shopify.com/u/Anonymous_876e90207c84eec074dc8f1fbdf1c908)\ **Post date:** [September 23, 2022, 8:12am UTC](https://community.shopify.com/t/css/153052/3 "2022-09-23T08:12:06Z")
Jizo\_Inagaki様 ご回答ありがとうございます。 やはりテーマ内に記述はないのですね。 ＞ボタンを包含する要素に対してCSSを当てるなり、適した構造に作り替えるなりすれば変更できると思います。 こちらの方法でなんとか試してみます。 ありがとうございました。