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

Topic summary

Dawnテーマで「折りたたみ可能なコンテンツ」セクションの横幅調整に関する質問です。

問題点:

  • デフォルト設定では不要な余白が発生している
  • コンテンツの横幅を広げたい、または余白を縮めたい

解決方法:
回答者が画像付きで具体的な手順を提示:

  1. 管理画面 → テーマのカスタマイズ → デフォルトの商品を選択
  2. 左メニューの「商品情報」をクリック
  3. カスタムCSS部分に以下のコードを入力:
.product__accordion .accordion__content {
  padding: 0 0;
}

補足:

  • 左右の空き幅を完全になくす設定
  • 空き幅を開けたい場合は padding: 0 0.5rem; 等に変更可能

質問は解決済みと思われます。

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.

Dawnを使用しています。

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

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

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

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

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

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

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

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

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

.product__accordion .accordion__content {
  padding:0 0;
}

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

ご参考まで。

(キュー小坂)