Shopify セクションの高さ調整

Question

セクションの高さの調整方法について

Shopify初心者です。

セクションの高さを調整したいです。

セクションとセクションの間の空白が気になるため、高さを調整して空白をなくしたいです。
画像の空白部分を消してもセクションの高さは変わりませんでした。

テーマのコード編集から高さを調整できるのではないかと思うのですが、セクションを編集された方おりましたら知見お教え頂ければ大変助かります。

Answer 1

ホームページ拝見しました。

.product-feature-sectionについているpaddingが原因と思われます。
コードを編集するところに飛ぶと
XXX.scss.liquidもしくは
XXX.cssがあるかと思われます。
そこで内部検索で
.product-feature-sectionを検索し、該当箇所を見つけたら
padding-top: 50px;と
padding-bottom: 50px;
の数値をいじれば任意の高さに変更が可能です。
（ただし、付随する他ページににも影響があるかもしれないので確認しつつお願いします。）

もし発見できなければファイルの最下部に書き込みで

.product-feature-section{
 padding-top: "任意の数値";
 padding-bottom: "任意の数値";
}

を上書きすれば変更可能です。
どうぞご参考までに。

Comments

[Yukidarumannnnn]

大分前の質問にも関わらず回答頂き有難うございました！
padding-top: 50px;と
padding-bottom: 50px;
変更することで修正できました

[morimorinoki]

よかったです！
発見したのが遅かったのでもしかしたらもう時効かなと思っていましたが、解決の手助けができて何よりです！