# 特定のセクション間の余白を調整したい

**URL:** <https://community.shopify.com/t/topic/176881>\
**Category:** 技術的なQ＆A\
**Tags:** css\
**Created:** [December 16, 2022, 4:25pm UTC](https://community.shopify.com/t/topic/176881 "2022-12-16T16:25:35Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

商品詳細ページの特定セクション間（メールアイコンとお問い合わせフォームボタンの間）の余白を狭くしたいという質問。

**提案された解決方法：**
- CSSで個別に`margin`を指定する必要がある
- テーマによって対応方法は異なる可能性がある

**具体的な実装アプローチ：**
1. 特定セクションのliquidファイルを開く
2. 新しいクラスを追加するか、直接`style`属性を記載（例：`style="margin: 100px"`など）
3. より柔軟な余白調整が必要な場合は、schemaでのカスタマイズも検討

不明点があれば追加で連絡可能とのこと。

<div class="post-metadata">

**Author:** ![Kitatema](https://avatars.discourse-cdn.com/v4/letter/k/e36b37/32.png) [@Kitatema](https://community.shopify.com/u/Kitatema)\
**Post date:** [December 16, 2022, 4:25pm UTC](https://community.shopify.com/t/topic/176881/1 "2022-12-16T16:25:35Z")

</div>

ご質問失礼いたします。

商品詳細ページの、ある特定のセクション間のみ余白を調整したいのですが方法をご教示いただけますでしょうか、、

可能であれば、メールアイコンとお問い合わせフォームのボタンの間の余白を狭くしたいと考えております。

指定されているcssを確認しますとsectionと大きなくくりになっており、TOPページなど全てに適応されてしまう状態です。

 ![スクリーンショット 2022-12-17 1.16.01.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/4/3/434b961a1ac6bd0939b1881e1513ec2a900d1a2c.jpeg)

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [December 19, 2022, 8:47am UTC](https://community.shopify.com/t/topic/176881/2 "2022-12-19T08:47:57Z")

</div>

Kitatema様

フルバランスの園畑です。  
ご質問を確認いたしました。

セクション間の余白調整ですが、特定の箇所だけを対象にする場合は、cssで個別にmarginを入れる必要があるかと存じます。(テーマによっても異なる部分ではありますので、一概には言えませんが・・)

対応としては、

特定のセクションのliquidファイルを開いて新たにクラスを追加する、もしくは直接styleを記載(\<section style=“margin:100px” ・・・ 等)すれば解決するかと存じますが、いかがでしょうか？

さらに柔軟に余白を調整できるようにしたい場合は、schemaでカスタマイズする必要があるかと存じます。

ご参考までに

私たちの励みにもなりますので、 お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 園畑