Controlling white spaces heights between sections in a created template

Highlighted
New Member
7 0 0

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.

 

 

Pagetest.jpg

 

 

 

0 Likes
Highlighted
Shopify Partner
1676 207 335

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

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes
Highlighted
New Member
7 0 0

Hello Sergiu

My theme is Debut

 

0 Likes
Highlighted

Hello ,

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
 }
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
7 0 0

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
 }
}

 

0 Likes
Highlighted

Add below css

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

2019-11-28_19-49.jpg 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
7 0 0

Nothing has changed

0 Likes
Highlighted
New Member
7 0 0

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

0 Likes
Highlighted

Can you please share your site url

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
7 0 0

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

0 Likes