Remove space in Debut theme

switcheries
Excursionist
14 0 4

Hi guys, can anyone help me to reduce the space for these sections?

www.switcheries.com

Thank you!Screen Shot 2021-04-23 at 14.30.02.pngScreen Shot 2021-04-23 at 14.26.23.png

Vikas_Chovatiya
Navigator
371 87 110

Hi @switcheries 

1. Go to Online Store->Themes->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file.

.site-footer {
    margin: 0;
}
#insta-feed {
    margin: 0 !important;
}
.hr--invisible {
    margin: 20px 0;
}
.index-section {
    padding-top: 30px;
    padding-bottom: 30px;
}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Pallavi
Shopify Expert
1286 174 212


Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

@media only screen and (min-width: 750px){
.index-section {
padding-top: 30px!important;
padding-bottom: 30px!important;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
KetanKumar
Shopify Partner
17094 1853 6408

@switcheries 

sorry fo this issue

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

#shopify-section-collection hr.hr--invisible {margin-top: 0px !important;}
div#shopify-section-collection{padding-bottom: 0;}
.template-index .site-footer {margin-top: -30px;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
switcheries
Excursionist
14 0 4

Hi Vikas, it doesn't work. There is still space like before. Nothing changes.

0 Likes
dmwwebartisan
Shopify Partner
5805 1330 1703

@switcheries 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

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

 Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
switcheries
Excursionist
14 0 4

Hi Ketan, this code doesn't work too

0 Likes
switcheries
Excursionist
14 0 4

Hi, the code doesn't work. BTW I only have theme.css in the assets.

dmwwebartisan
Shopify Partner
5805 1330 1703

please add code in  theme.css file 

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
switcheries
Excursionist
14 0 4

Yes I did it in theme.css but nothing changes too

0 Likes