How to remove white space in Debut theme

Solved
Highlighted
New Member
1 0 0

My debut theme has a lot of extra white space on the home page. This is mainly in the custom content areas. I would like to remove the extra white space right under the "Waist Trainers" text. Also remove the white space directly under the "Seamless Shapewear" text.

 

My website is https://BombshellCurves.co ...Thanks in advance!

Screenshot 2020-05-19 at 9.10.27 PM.png

 

Screenshot 2020-05-19 at 9.07.47 PM.png

 

0 Likes
Highlighted
Shopify Partner
272 38 43

This is an accepted solution.

Hi @Kris83 

Thank you for your post!
Add this piece of code at the bottom of your theme.scss file:

#shopify-section-1589747878542, #shopify-section-1589735862207 {
padding-bottom: 0; }
Get help with your Shopify store that you are looking for.
Shoot me an email: denis@thewebave.com
https://thewebave.com/
0 Likes
Highlighted
Excursionist
25 0 10

Hi @Denis_A does the same code work to reduce padding between other sections on home page? e.g. Rich Text section and Collections? Thanks !

0 Likes
Highlighted
Shopify Partner
272 38 43

Hi @Vnsa 

You can use this code to reduce padding-top/bottom for your sections (Ex. just reduce 55px to 5px):

//For desktop
@media only screen and (min-width: 750px) {
  .index-section {
    padding-top: 55px; 
    padding-bottom: 55px;
  }
}

//For Mobile
.index-section {
    padding-top: 35px;
    padding-bottom: 35px;
}

 

Get help with your Shopify store that you are looking for.
Shoot me an email: denis@thewebave.com
https://thewebave.com/
1 Like