Want to change the padding and margins between sections

[Dudeitsme]

question 1question 2

[oscprofessional · Accepted solution]

Hello Dudeitsme,
To change the padding and margin to 0px.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

#shopify-section-1597046849599 .container-fluid {
    padding-right: 0px!important;
    padding-left: 0px!important;
}
@media only screen and (max-width: 767px){
#shopify-section-1597046849599 .home-banner-items>.row>div {
    padding: 0px!important;
}
}

[oscprofessional]

Hello Dudeitsme,
Please share your site url.
So that i can check and let you know the exact solution here.

[Dudeitsme]

pm sent

[oscprofessional · Accepted solution]

Hello Dudeitsme,
To change the padding and margin to 0px.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

#shopify-section-1597046849599 .container-fluid {
    padding-right: 0px!important;
    padding-left: 0px!important;
}
@media only screen and (max-width: 767px){
#shopify-section-1597046849599 .home-banner-items>.row>div {
    padding: 0px!important;
}
}

[Dudeitsme]

thank you so much! Do you know how to get rid of the spaces between all of the sections?

[oscprofessional · Accepted solution]

Hello Dudeitsme,
To get rid of the top white spacing under the header.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and (max-width: 767px){
#shopify-section-mobile-department .mobile-department-list {
    margin-bottom: 0px!important;
}
}

[Dudeitsme]

Your Amazing Thank you so much! I appreciate it very much

[Dudeitsme]

Im sorry for bothering you for a third time but do you know how to get rid of the white spaces between all of the sections?

[oscprofessional]

Hello Dudeitsme,
To get rid of the white spaces between all of the sections below "Amazing Deal!" Section.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

#shopify-section-1598173854576 .banner-item .text {
    padding: 0px!important;
}
#shopify-section-bottom #bottom-widget {
    padding-top: 0px!important;
}
#shopify-section-bottom-partner .partner-wrapper.layout-boxed.d-none.d-md-block {
    padding-top: 0px!important;
}
#shopify-section-footer #footer-content {
    padding-top: 0px!important;
}

[Dudeitsme]

How do I get all the site to do no white space between the different sections

[Dudeitsme]

@oscprofessional 

Do you know how to do this? I appreciate your help

[rmagadia]

 oscprofessional,

May you please help me with a similar issue??

[oscprofessional]

Hello,

Please Share your store live url & screenshot where you want to do modification, so that I will solve your issue here!