Dawn Theme - How to change the gaps in between sections?

[VinceLegentil]

Store URL - https://maisoncreations.com/

What’s the best way to change the height in between each section on the main page?

[Samia_Akram22]

@VinceLegentil if you want to change the height in between sections overall.Add the following code to your base.css class and adjust the height according to your need in between the sections:

[id^="Shopify-section"] { margin-bottom: 40px !important; /* Adjust the height here */ }

but if you want to add this styling only on the home page then you will add the following code including with the javascript code a bit.
document.addEventListener(‘DOMContentLoaded’, function() {
// Check if the current page is the homepage
if (window.location.pathname === ‘/’) {
// Add a class to the body element if it’s the homepage
document.body.classList.add(‘homepage’);
}
});

body.homepage [id^="shopify-section"] { margin-bottom: 40px !important;/* Adjust the height here */ }

Hope this helps.Thanks

[VinceLegentil]

Thank you for your reply!

Sadly both suggestions are not working. Can you suggest what I’m doing wrong?

Thank you so much for your help!