FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

折りたたみ可能なコンテンツの横幅(余白)調整

解決済

折りたたみ可能なコンテンツの横幅(余白)調整

オルテク
Shopify Partner
1 0 0

Dawnを使用しています。

セクション「折りたたみ可能なコンテンツ」の横幅(余白)を調整したいです。

 

デフォルトのままだと余計な余白ができてしまうため、

コンテンツの横幅を広げる、もしくは横の余白を縮めるを

コード編集もしくは無料アプリで解決できたらと考えています。

 

ぜひ、教えていただきたいです。

1 件の受理された解決策

Qcoltd
Shopify Partner
1096 447 441

成功

添付画像の赤枠部分の認識で回答させていただきます。

対象箇所の調整でしたら、下記手順にて調整が可能です。

Qcoltd_0-1679473196843.png

 

管理画面でテーマのカスタマイズ > デフォルトの商品を選んでいただき、左メニューの商品情報をクリックしてください。

カスタムCSS部分に下記CSSを入力し、保存するボタンをクリックすると左右の空き幅がなくなります。

Qcoltd_1-1679473197222.png

.product__accordion .accordion__content {
  padding:0 0;
}

左右の空き幅を開ける場合は、padding:0 0;をpadding:0 0.5rem;等に変更いただければと思います。

 

ご参考まで。

(キュー小坂)

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

元の投稿で解決策を見る

1件の返信1

Qcoltd
Shopify Partner
1096 447 441

成功

添付画像の赤枠部分の認識で回答させていただきます。

対象箇所の調整でしたら、下記手順にて調整が可能です。

Qcoltd_0-1679473196843.png

 

管理画面でテーマのカスタマイズ > デフォルトの商品を選んでいただき、左メニューの商品情報をクリックしてください。

カスタムCSS部分に下記CSSを入力し、保存するボタンをクリックすると左右の空き幅がなくなります。

Qcoltd_1-1679473197222.png

.product__accordion .accordion__content {
  padding:0 0;
}

左右の空き幅を開ける場合は、padding:0 0;をpadding:0 0.5rem;等に変更いただければと思います。

 

ご参考まで。

(キュー小坂)

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