FROM CACHE - jp_header

セクション の余白

ピコ
観光客
11 0 2

テーマはDebutを使用しています。

セクション自体の余白を調整したいです。

具体的には上下の間隔をもっと詰めたいのですが苦戦しております!

どなたかご教授ください。

3件の返信3
Jizo_Inagaki
Shopify Partner
612 248 566

恐らく該当箇所は以下の設定になるかと思います。

$section-spacing-small: 35px;

 

上記はtheme.scss.liquidの上部にありますが、変更しますと多くのセクションに影響があります。

そのためTOPページなど特定の箇所のセクションのみが対象の場合は、上記でなく該当箇所の$section-spacing-smallを数値に書き換えるなどして、他に影響がでない形にした方がよいかと思います。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
ピコ
観光客
11 0 2

 

ありがとうございます。

解決致しました!

特定の箇所だけ書き換えて調整致しました。

mina37
観光客
6 0 1

はじめまして。

私も同じ環境(テーマはDebut)ですが、「theme.scss.liquid」が見当たりません。

似たものですと「theme.css.liquid」はありますが、中には「$section-spacing-small: 35px;
」が見当たりません…

この場合どこを編集すればよいでしょうか?

また、なにか間違いっているようでしたらご指摘頂けますと幸いです。

hige