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

**URL:** <https://community.shopify.com/t/topic/201410>\
**Category:** 技術的なQ＆A\
**Created:** [March 21, 2023, 5:51am UTC](https://community.shopify.com/t/topic/201410 "2023-03-21T05:51:03Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

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

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

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

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

```css
.product__accordion .accordion__content {
  padding: 0 0;
}
```

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

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

<div class="post-metadata">

**Author:** ![Anonymous\_4b80513eb0b4dbe72d50af709d614e12](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@Anonymous\_4b80513eb0b4dbe72d50af709d614e12](https://community.shopify.com/u/Anonymous_4b80513eb0b4dbe72d50af709d614e12)\
**Post date:** [March 21, 2023, 5:51am UTC](https://community.shopify.com/t/topic/201410/1 "2023-03-21T05:51:03Z")

</div>

Dawnを使用しています。

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

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

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

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

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

---

<div class="post-metadata">

**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\
**Post date:** [March 22, 2023, 8:21am UTC](https://community.shopify.com/t/topic/201410/2 "2023-03-22T08:21:29Z")

</div>

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

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

 ![Qcoltd_0-1679473196843.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/8/0/80da80ff4ce5c274a1d3261573a939bd3f181599.png)

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

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

 ![Qcoltd_1-1679473197222.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/0/b/0b2b0282e0cd62ade282b959f1bb099712cddda2.png)

```markup
.product __accordion .accordion__ content {
  padding:0 0;
}

```

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

ご参考まで。

(キュー小坂)