Solved

Want to change the padding and margins between sections

Dudeitsme
Tourist
27 0 3

question 1question 1question 2question 2

Accepted Solutions (2)
oscprofessional
Shopify Partner
15821 2368 3077

This is an 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;
}
}
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

oscprofessional
Shopify Partner
15821 2368 3077

This is an 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;
}
}
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 12 (12)

oscprofessional
Shopify Partner
15821 2368 3077

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

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
Dudeitsme
Tourist
27 0 3

pm sent

oscprofessional
Shopify Partner
15821 2368 3077

This is an 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;
}
}
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
Dudeitsme
Tourist
27 0 3

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

oscprofessional
Shopify Partner
15821 2368 3077

This is an 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;
}
}
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
Dudeitsme
Tourist
27 0 3

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

Dudeitsme
Tourist
27 0 3

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
Shopify Partner
15821 2368 3077

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;
}
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
Dudeitsme
Tourist
27 0 3

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

Dudeitsme
Tourist
27 0 3

rmagadia
Visitor
1 0 0

 oscprofessional,

 

May you please help me with a similar issue??

oscprofessional
Shopify Partner
15821 2368 3077
Hello,
 
Please Share your store live url & screenshot where you want to do modification, so that I will solve your issue here!

 

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