Solved

Can I reduce empty spaces between sections in Shopify's Debut theme?

TiaM
Excursionist
15 0 6

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 . 

C66D8218-7F9A-422C-B626-51574ADA0777.jpeg

9EB4C7BD-D7D0-439E-B28E-F51DE0FE5983.jpeg

Accepted Solution (1)

oscprofessional
Shopify Partner
15830 2369 3072

This is an accepted solution.

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

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 6 (6)

dmwwebartisan
Shopify Partner
12280 2546 3694

@TiaM 

Please share your store URL and password.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
TiaM
Excursionist
15 0 6

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 . ) 

eComInsider
Shopify Partner
154 16 36

 

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

➡️ Exclusive offer - Shopify Trial at $1/month


➡️ Shopify Blogs (Q&A)

➡️ Your;Coffee Tip: my code = a perfect blend!
Kinjaldavra
Shopify Partner
2302 570 1422

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
Excursionist
15 0 6

Thank you so much ! This worked !

oscprofessional
Shopify Partner
15830 2369 3072

This is an accepted solution.

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

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing