FROM CACHE - jp_header
解決済

Debutのカート追加ポップアップ表示の背景色変更

Kitatema
Shopify Partner
16 0 0

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

Shopify partnerのkitatemaと申します。

 

無料テーマDebutのデザイン修正を行っています。

 

現在商品をカートに追加したときに表示されるポップアップの背景色が透明になっており、ページと情報が重なりとても見づらい状況になっています。

 

スクリーンショット 2022-12-03 12.12.52.png

 

ページ背景を透明色に設定し、ヘッダー透過・固定のためコード編集したことが原因と考えています。

以下編集したコード箇所です。(赤色で囲っている部分)

 

スクリーンショット 2022-12-03 12.36.36.png

 

 

ヘッダーは透過したままで、カートのポップアップ表示の背景だけ白に設定することは可能でしょうか、、

お力を貸していただけますと幸いです。

よろしくお願いいたします。

 

1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1473 521 651

成功

Kitatemaさま

はじめまして、フルバランスの渡邉です。

ご質問を確認いたしました。

透過ヘッダーはスタイリッシュですが、いろんなところに影響出ると困りますよね。

 

ポップアップの背景は以下CSSで指定できるかと存じます。

.cart-popup-wrapper{
background: #fff;
}

もし上記でも他の背景色に上書きされてしまう場合は

background: #fff !important; と記入してみてください。

 

ご参考になりましたら幸いです。

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス

元の投稿で解決策を見る

2件の返信2

株式会社フルバランス
Shopify Partner
1473 521 651

成功

Kitatemaさま

はじめまして、フルバランスの渡邉です。

ご質問を確認いたしました。

透過ヘッダーはスタイリッシュですが、いろんなところに影響出ると困りますよね。

 

ポップアップの背景は以下CSSで指定できるかと存じます。

.cart-popup-wrapper{
background: #fff;
}

もし上記でも他の背景色に上書きされてしまう場合は

background: #fff !important; と記入してみてください。

 

ご参考になりましたら幸いです。

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
Kitatema
Shopify Partner
16 0 0

株式会社フルバランス 渡邉さま

 

こちらのCSS指定で上手く反映することができました。

.cart-popup-wrapper{
background: #fff;
}

 

また代替え案など、ご親切なご対応に深く感謝いたします。

この度はありがとうございました、、!