FROM CACHE - jp_header

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

解決済

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

オルテク
Shopify Partner
1 0 0

Dawnを使用しています。

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

 

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

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

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

 

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

1 件の受理された解決策

Qcoltd
Shopify Partner
1093 446 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
1093 446 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/