Cant change colour of spacing between header and content

Store Design
, , ,

Topic summary

A user working with Shopify’s Sense theme is unable to change the background color of the spacing between the header and content blocks. They want the entire page to display in beige (#FFF9F3), but a light green color from the theme’s default background persists in the gaps between sections.

After the user shared their store URL (juicee.sg) and password, two solutions were provided:

Solution 1 (Moeed):

  • Add custom CSS via theme.liquid file
  • Insert code above the </body> tag to override the background color

Solution 2 (ZestardTech):

  • Modify base.css file
  • Add CSS rules to remove margins between specific sections (header and featured collection)
  • Uses margin-bottom: unset and margin-top: unset with !important flags

Both solutions involve editing theme code files to eliminate or override the unwanted spacing/background color. The issue appears resolved with working code snippets provided.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hi

I am using the Sense theme. I can change the theme colours of the individual blocks, but I can’t select the spacing between blocks. I want my webpage to be full nude beige colour #FFF9F3, but the light green colour was the theme’s existing background colour which I cant find the setting to change. How do I change it?

Thanks for your kind assistance!

casberber_0-1741610297109.png
casberber_0-1741610297109.png2750×1219 129 KB

1 Like
2

Hey @casberber

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Hello @casberber ,

Could you please provide the URL/ password to your store so that I can check it and provide you with the exact solution?

4

Hey moeed,

the url is juicee.sg, password is amber. Please take a look.

Thank you!

2 Likes
5

Hi @ZestardTech

I have updated and attached the url and password above in the thread. Please kindly take a look. Thanks for your help!

6

Hey @casberber

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 tag

RESULT:

Moeed_0-1741676171463.png
Moeed_0-1741676171463.png1906×919 63.2 KB

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

Best Regards,
Moeed

1 Like
7

Hello @casberber ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:
div#shopify-section-sections--18024071823541__header {
    margin-bottom: unset !important;
}
section#shopify-section-template--18024071332021__featured-collection {
    margin-top: unset !important;
}

ZestardTech_0-1741679785800.png
ZestardTech_0-1741679785800.png740×837 56.5 KB

Let me know if you need further assistance!