Unable to change the entire Background colour on Sense Theme

Topic summary

A user is trying to change the entire background color to #E6E6FA (lavender) in Shopify’s Sense theme but encounters persistent yellowish areas that won’t update.

Problem Details:

  • Yellow background remains visible in certain sections despite multiple attempts
  • Specifically affects the top portion of the page between the menu and next content block
  • Custom CSS code has been tried but only partially works

Attempted Solutions:

  • Modified theme customization settings
  • Added custom CSS targeting body and #MainContent elements with !important declarations
  • Both approaches failed to completely eliminate the yellow coloring

Current Status:

  • User is in trial period, evaluating whether the theme will work for their needs
  • A web designer (Raj) has offered assistance but requests the site URL to provide proper code solutions
  • User has shared screenshots showing the problematic yellow areas but hasn’t yet provided the site link

Discussion remains open - awaiting site URL to diagnose the specific CSS issue causing incomplete background color application.

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

Hello,

I’m unable to change the entire background colour in my Sense Theme shop, I have been through everything but there is still some yellow’ish background, that I’m don’t able to change. I need the entire background to be this colour#E6E6FA. See pictures for the parts on the website I’m unable to change. I have tried everything, even adding the colour in the Custom CSS.

Share your Site Url

Hi Kaiya,

Thank you for your reply.

I’m still in my trial period and looking for the right shop theme, so far I really like and time invested in this theme but unfortunately not able to get rid of the yellow entirely.

Do you have experience with this shop theme?

Hello, Sir Please Share Your Site Link

After you share the link I will send you the perfect code otherwise the code will not work properly

Hi Raj,

I’m in the trail fase, just looking into to this theme, to see if i can make it work.

I did try these two codes:

body { background-color: #E6E6FA !important } section.shopify-section.section, #MainContent { background-color: #E6E6FA; }

It worked but not completely. On the top part of the page between the menu and the next block there is still this yellow line.