Liquid、JavaScriptなどに関する質問
テンプレートのセクションにある「Featured collection」を使用しているのですが、
添付画像のように画像と金額の幅が一定しているものもあれば、幅が無くなってしまって
見づらい状態のものとあるのですが、こちらはどのように修正すればいいのでしょうか?
CSSにて「padding-bottom: 20px;」を記入したら、今ある幅プラスで広がってしまうため、
幅を一定に治す方法または、一つだけCSSを反映できるようになればと思っております。
どなたかご教示いただけますと幸いです!よろしくお願いいたします。
解決済! ベストソリューションを見る。
成功
テーマを販売されているベンダー様にお問い合わせいただくのがベストですが、
下記をカスタムCSSに入力されてみてはどうでしょうか?
.indiv-product {
margin-bottom: 30px !important;
}
何か理由があって、
article.indiv-productのmargin-bottomを0にすることがあるように見えました。
その理由がよく分からなかったので、上記を実施しても問題がないとは言い切れません。
ですので、万全を期す場合は、
ベンダーにお問い合わせいただくことをお勧めいたします。
ご参考まで。
(キュー田辺)
成功
テーマを販売されているベンダー様にお問い合わせいただくのがベストですが、
下記をカスタムCSSに入力されてみてはどうでしょうか?
.indiv-product {
margin-bottom: 30px !important;
}
何か理由があって、
article.indiv-productのmargin-bottomを0にすることがあるように見えました。
その理由がよく分からなかったので、上記を実施しても問題がないとは言い切れません。
ですので、万全を期す場合は、
ベンダーにお問い合わせいただくことをお勧めいたします。
ご参考まで。
(キュー田辺)
お世話になっております!
教えていただきましたCSSを打ち込んでみたところ、幅のズレを修正することができました!
今回は教えていただきありがとうございます!
2023年2月、Shopifyはcheckout.liquidを廃止し、Checkout Extensibilityに移行することを発表いたしました。この新しいチェックアウト...
By JasonH Aug 15, 2024「味噌の可能性を、とき放つ」をコンセプトに、豊かな自然に恵まれた信州で味噌の製造販売を行う新田醸造。江戸末期に創業した老舗のみそ屋さんですが、2024年春、顧客層や販売範囲の...
By Minami_ Jul 30, 2024ネットショッピングは、利便性に優れいている反面、利用に抵抗感がある人も多くいます。Amazonや楽天市場等、大型モールの企業は、知名度や運営企業の信頼性から顧客が不...
By JapanGuru Jul 23, 2024