How can I decrease section spacing in the Debut theme?

Store Design
1

Hi there

I’m using the debut theme and would like to know how to reduce the space between the sections below:

  1. The “image with text overlay” and “rich text” sections pictured below

monica10_1-1642461624732.png
monica10_1-1642461624732.png1469×409 67.1 KB

  1. The “rich text” and “custom content” (i.e. the button) sections pictured below

monica10_0-1642461513450.png
monica10_0-1642461513450.png1373×401 25.1 KB

My store link is www.deojuvante.co, and password is deogratias if that helps :slightly_smiling_face:

Thank you so much!

Kind regards

Monica

2

@monica10

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.index-section {
    padding-top: 20px;
    padding-bottom: 20px;
}
3

Hello @monica10

Please add this code to your theme.scss or theme.css file.

Navigate to online store >> Click edit theme code.

Now find theme.scss or theme.css and paste the following code:

#shopify-section-16424586635df8d2c0 {padding-top: 0 !important;
   padding-bottom: 0 !important;}

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

#shopify-section-164245947590a90775{padding-top: 0px !important;padding-bottom: 0px !important;}
1 Like