テーマはDebutを使用しています。
セクション自体の余白を調整したいです。
具体的には上下の間隔をもっと詰めたいのですが苦戦しております！
どなたかご教授ください。
AI-generated summary
テーマ「Debut」でセクション間の上下余白を詰めたいという相談。対象はセクションのマージン/パディングの調整。
提案: theme.scss.liquid の $section-spacing-small: 35px; を変更。ただしこれは多くのセクションに影響するため注意が必要。
回避策: TOPなど特定箇所のみ調整したい場合は、該当セクション内の $section-spacing-small を数値に書き換えてローカルに上書きする方法が推奨。
結果: 投稿者は特定箇所のみを書き換えて調整し、問題は解決。
追記の質問: 同じDebut環境だが theme.scss.liquid が見当たらず、theme.css.liquid には $section-spacing-small が存在しないケースで、どこを編集すべきか不明との相談。
用語補足: $section-spacing-small はSCSSの変数で、セクションの上下余白を制御。
現状: 元の問題は解決済み。一方で、SCSSファイルが無い環境での編集箇所に関する後続質問は未解決のまま。
恐らく該当箇所は以下の設定になるかと思います。
$section-spacing-small: 35px;
上記はtheme.scss.liquidの上部にありますが、変更しますと多くのセクションに影響があります。
そのためTOPページなど特定の箇所のセクションのみが対象の場合は、上記でなく該当箇所の$section-spacing-smallを数値に書き換えるなどして、他に影響がでない形にした方がよいかと思います。
jizoさんありがとうございます。
解決致しました！
特定の箇所だけ書き換えて調整致しました。
はじめまして。
私も同じ環境（テーマはDebut）ですが、「theme.scss.liquid」が見当たりません。
似たものですと「theme.css.liquid」はありますが、中には「$section-spacing-small: 35px;
」が見当たりません…
この場合どこを編集すればよいでしょうか？
また、なにか間違いっているようでしたらご指摘頂けますと幸いです。