Change background color for the entire store

Topic summary

Goal: change the Shopify Sense theme’s store background from white to blue.

  • Initial attempt: Theme color settings were suggested, but the user reports the background behind sections stays white regardless of changes.
  • Proposed solution: Add custom CSS to the theme.

Steps provided:

  1. Go to Online Store > Theme > Edit code.
  2. Open base.css.
  3. Paste at the bottom:
    main#MainContent { background-color: blue; }
  4. Save.

Technical notes:

  • CSS (Cascading Style Sheets) controls visual styling; base.css is the theme’s stylesheet.
  • The selector main#MainContent targets the main content container; the change affects that area, not necessarily the entire page (e.g., header/footer or body background).
  • An illustrative screenshot was included, but the code snippet is central.

Outcome/status:

  • No confirmation yet that the CSS resolved the issue.
  • Discussion remains open, with the latest actionable step being the CSS modification.
Summarized with AI on February 5. AI used: gpt-5.

Hi,

I want to change the background color from my store from white to blue.

I’m using Sense theme.

My store link: https://sansleepstore.myshopify.com/

Password: 12345

1 Like

@noriscash

you have easy to manage color can you please check your theme setting in color option

@KetanKumar the colors behind any section is the same white whatever I would do

Hi @noriscash ,

This is PageFly - Advanced Page Builder.

You can try with this code:

Follow this:

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

Step 2: Search file base.css.

Step 3: paste below code in bottom of file → save.

main#MainContent {

background-color: blue;

}

Hope that my solution works for you.

Best regards,

PageFly

1 Like