Controlling white spaces heights between sections in a created template

[Kina]

Hi everyone
This is a created template.
I wish I could control the height of the white spaces above and below the text section.
Thank you all in advance.

[Visely-Team]

If you can share a preview URL to your store or at least provide the theme name you are using that would help.

[Kina]

Hello Sergiu

My theme is Debut

[oscprofessional]

Hello Kina,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media only screen and (min-width: 750px) {
 .template-index .index-section {
  padding-top:25px;
  padding-bottom:25px
 }
}

[Kina]

Hello
Thank you very much for your help but your code has not changed anything.
Maybe there is a conflict with the other codes I used to change the original layout of the DEBUT theme.

Here they are :

.template-index .index-section {
    padding-bottom: 0px;
}
.index-section+.index-section {
    padding-top:15px;
}
.template-index .section-header{
    margin-bottom:0px;
}
.main-content {
  padding-top: 0px; 
}
@media (min-width: 750px) {
    .product-single__photos .hide {
        display: block !important;
    }
    .thumbnails-wrapper{
        display:none;
    }
}
.product-form{
padding-top:1rem!important;
}
.site-header {
height:75px;
padding:0;
}
.product__policies {
    display: none;
}
.product-single__description {   margin-top: 0px; }
@media only screen and (min-width: 750px) {
 .template-index .index-section {
  padding-top:0px;
  padding-bottom:0px
 }
}

[oscprofessional]

Add below css

@media only screen and (min-width: 750px) {
 .template-index .index-section {
  padding-top:25px !important;
  padding-bottom:25px !important;
 }
}

 

[Kina]

Nothing has changed

[Kina]

I wish I changed the spacing only on the new landing pages I create.

[oscprofessional]

Can you please share your site url

[Kina]

Sorry, your code works but not on my new created pages