Remove/decrease empty space!

Solved
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

dmwwebartisan
Shopify Partner
8557 2006 2702

@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 | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
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 . ) 

0 Likes

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

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
aio_xp
Pathfinder
86 9 26

 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
Feel free to contact me on kuparkoti@gmail.com regarding any help
Shopify Expert | Whatsapp: 00971568836211

0 Likes
Natztech
Shopify Partner
1901 493 1175

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

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
TiaM
Excursionist
15 0 6

Thank you so much ! This worked !

0 Likes