How can I remove unwanted padding from my website?

Store Design
,

Topic summary

A user is experiencing unwanted green and beige padding appearing throughout their Shopify website and seeks help removing it.

Community Response:

  • Multiple community members requested the store URL to diagnose the issue
  • User shared their Shopify store link: thenookspot.myshopify.com

Proposed Solution:
A contributor provided custom CSS code to target specific sections:

  • Navigate to Shopify admin → Online Store → Themes → Edit code
  • Locate the CSS file (base.css, style.css, or theme.css) in the Assets folder
  • Add CSS targeting the main template section and page title elements to set white background and remove bottom margins

Current Status:
The issue remains unresolved. The original poster noted that similar padding appears in multiple locations across the site and asked if there’s a way to change the default background color globally rather than targeting individual elements. The discussion is ongoing as a comprehensive solution has not yet been identified.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

There are these green and beige padding on my website and I have no Idea how to get rid of them. they look very bad.

Screenshot 2023-11-22 112759.png
Screenshot 2023-11-22 112759.png1842Ă—1272 64.8 KB

2 Likes
2

Hi @TheNook

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

3

Hi @TheNook

Could you drop your store URL to check?

4

Hello @TheNook

I’m Vian from FoxEcom. Nice to e-meet you today :slightly_smiling_face:

Can you share the URL of your store/ page that has the issue?

Would be easier for me to come up with a solution for you.

Thanks

5

https://thenookspot.myshopify.com/

1 Like
6

here : https://thenookspot.myshopify.com/

7

Thanks for the info, check this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
h1.main-page-title.page-title.h0.scroll-trigger.animate--fade-in {
    margin-bottom: 0px !important;
}
section#shopify-section-template--21533796106532__main {
    background: white !important;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

8

Thanks but there are lots of bares like that everywhere, is there a way to change whatever that default color is for everything?