We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

how to remove padding?

Solved

how to remove padding?

Emiway
Trailblazer
263 0 50

i want to remove padding here... & want to make background #F5F5F5 in instagram section
URL: https://themirage.store/
Screenshot 2024-10-03 143538.png

 

Accepted Solution (1)

Moeed
Shopify Partner
7764 2082 2568

This is an accepted solution.

Hey @Emiway 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
div#shopify-section-template--16577363443785__17275237235d83743c {
    background: #F5F5F5 !important;
}
div#shopify-section-template--16577363443785__17275237235d83743c .container.vertical-breather {
    padding-top: 0 !important;
}
div#shopify-section-template--16577363443785__rich_text_tEWDGC .container.vertical-breather {
    padding-bottom: 40px !important;
    padding-top: 40px !important;
}
</style>

RESULT:

Moeed_0-1727946956186.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 2 (2)

Moeed
Shopify Partner
7764 2082 2568

This is an accepted solution.

Hey @Emiway 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
div#shopify-section-template--16577363443785__17275237235d83743c {
    background: #F5F5F5 !important;
}
div#shopify-section-template--16577363443785__17275237235d83743c .container.vertical-breather {
    padding-top: 0 !important;
}
div#shopify-section-template--16577363443785__rich_text_tEWDGC .container.vertical-breather {
    padding-bottom: 40px !important;
    padding-top: 40px !important;
}
</style>

RESULT:

Moeed_0-1727946956186.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


BSSCommerce-HDL
Shopify Partner
2305 835 907

Hi @Emiway

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

 

 

 

<style>
div#shopify-section-template--16577363443785__17275237235d83743c .container {
    padding-top: 0 !important;
}

div#shopify-section-template--16577363443785__rich_text_tEWDGC .container {
    padding-bottom: 20px !important;
}

div#shopify-section-template--16577363443785__17275237235d83743c {
    background-color: #F5F5F5 !important;
}
</style>

 

 

 

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now