How can I reduce empty spaces between sections in the Debut theme?

[TiaM]

How can I go about removing the empty spaces between my added sections and move things a bit closer together ? I have the debut theme .

[dmwwebartisan]

@TiaM

Please share your store URL and password.

[TiaM]

frugal-finesse.com

password: fraoch

(when you first go to site there will be a pop up but if you scroll down you’ll see the normal password page . )

[oscprofessional]

Hello @TiaM ,
In your Store Theme

Admin->Actions->Edit Code->Assets->theme.scss

and paste following code at the bottom.

.index-section {
padding-top: 20px!important;
padding-bottom: 20px!important;
}

[eComInsider]

look for theme.scss.liquid, change below according to you like.

.index-section {
padding-top: 0px;
padding-bottom: 0px;
}

.slideshow__text-wrap–mobile {
display: none;
position: relative;
top: -1.1rem;
background-color: var(–color-bg);
width: 85%;
margin: 0 0 -1.1rem 7.5%;
z-index: 8;
}

[Kinjaldavra]

hello @TiaM

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 729px) {
.template-index .index-section {
padding-top: 15px!important;
padding-bottom: 15px!important;
}
}

[TiaM]

Thank you so much ! This worked !