FROM CACHE - jp_header

アセットごとに背景を透過にする方法について

アセットごとに背景を透過にする方法について

WorksDesign
Shopify Partner
8 0 0

アセットごとに背景を透過にする方法について質問させていただきます。

テーマ設定の色を透明にしても、ping画像を配置するとアセット(コンテンツのブロック)の背景が黒くなってしまいます。

 

どなたかご存じであればご教示いただけましたら幸いです。

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

 

3件の返信3

株式会社フルバランス
Shopify Partner
1540 549 699

WorksDesign様

 

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

 

画像を表示されている部分(親要素等)の背景にbackground-color等の色を表示するcssは入っていないでしょうか?

 

背景に色が入っていなければ、おそらく透過されて表示されるはずなので、一度ご確認くださいませ。

 

ご参考までに。

 

フルバランス 園畑

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

フルバランス 園畑様

お世話になっております。質問へのご回答ありがとうございました<(_ _)>
結局、親要素の背景部分と思われる部分を探して、いろいろやってみましたが解決できませんでした。透過部分が黒く表示されるか透過にならず白くなるだけでした。

結局、解決策としては新たにliquidを作成したら背景はでるようにはなったのですが、
今度はページごとに背景をつけるにはどうしたらいいかという問題が発生しております。
ご存じでしたら、ご教示いただけましたら幸いです<(_ _)>
よろしくお願いいたします。

WorksDesign
Shopify Partner
8 0 0

フルバランス 園畑様

 

お世話になります。市川です。

以下、アセットの中のsection.cssのコードの一部なのですが、背景が透過されませんでした。。ここではないのでしょうか。。

 

.\#section.\@bg\:alt {
background-color: #f2f2f2;
}

.\#section.\@bg\:dark {
background-color: #1a1a1a;
}

.\#section.\@bg\:primary {
background-color: rgb(var(--color-base-accent-1));
}

.\#section.\@color-scheme\:default {
color: rgba(var(--color-text), 1);
background-color: rgba(var(--color-background), 1);
}

.\#section.\@color-scheme\:alt {
color: rgba(var(--color-text), 1);
background-color: rgba(var(--color-alt-background), 1);
}

.\#section.\@color-scheme\:invert {
color: rgba(var(--color-background), 1);
background-color: rgba(var(--color-text), 1);
}

.\#section.\@color-scheme\:accent {
color: rgba(var(--color-accent-c), 1);
background-color: rgba(var(--color-accent), 1);
}

 

よろしくお願いいたします<(_ _)>