FROM CACHE - jp_header
解決済

テーマ「envy」セクションの幅について

fancypods
観光客
7 0 2

テンプレートのセクションにある「Featured collection」を使用しているのですが、

添付画像のように画像と金額の幅が一定しているものもあれば、幅が無くなってしまって

見づらい状態のものとあるのですが、こちらはどのように修正すればいいのでしょうか?

 

CSSにて「padding-bottom: 20px;」を記入したら、今ある幅プラスで広がってしまうため、

幅を一定に治す方法または、一つだけCSSを反映できるようになればと思っております。

どなたかご教示いただけますと幸いです!よろしくお願いいたします。IMG_2122.jpg

1 件の受理された解決策

Qcoltd
Shopify Partner
1049 429 412

成功

@fancypods 様

 

テーマを販売されているベンダー様にお問い合わせいただくのがベストですが、

下記をカスタムCSSに入力されてみてはどうでしょうか?

.indiv-product {
  margin-bottom: 30px !important;
}

 

何か理由があって、

article.indiv-productのmargin-bottomを0にすることがあるように見えました。

その理由がよく分からなかったので、上記を実施しても問題がないとは言い切れません。

 

ですので、万全を期す場合は、

ベンダーにお問い合わせいただくことをお勧めいたします。

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/

元の投稿で解決策を見る

2件の返信2

Qcoltd
Shopify Partner
1049 429 412

成功

@fancypods 様

 

テーマを販売されているベンダー様にお問い合わせいただくのがベストですが、

下記をカスタムCSSに入力されてみてはどうでしょうか?

.indiv-product {
  margin-bottom: 30px !important;
}

 

何か理由があって、

article.indiv-productのmargin-bottomを0にすることがあるように見えました。

その理由がよく分からなかったので、上記を実施しても問題がないとは言い切れません。

 

ですので、万全を期す場合は、

ベンダーにお問い合わせいただくことをお勧めいたします。

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
fancypods
観光客
7 0 2

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

教えていただきましたCSSを打ち込んでみたところ、幅のズレを修正することができました!

今回は教えていただきありがとうございます!