How to Change the Entire Background to White in Shopify Sense Theme, Including Sections

Store Design
,

Topic summary

A user seeks to change the entire background of their Shopify Sense Theme to white (#ffffff), covering main backgrounds, sections, and all template pages without breaking the layout.

Solution Provided:

PageFly support recommends two approaches:

  1. CSS Code Method:

    • Navigate to: Online Stores > Themes > More Actions > Edit code
    • Open theme.liquid file
    • Insert custom CSS code above the </head> tag
    • Code snippet appears to be included but is displayed in reversed/encoded text

  2. Alternative Method:

    • Use the built-in Color Scheme editor without adding custom code

Note: The response includes an image reference (likely showing the Color Scheme settings location) and contains markup/code that appears corrupted or reversed in the original text, which may require clarification from the responder.

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

Hi, I’m using the Shopify Sense Theme and want to change the entire website’s background to white (#ffffff), including:

  • Main background
  • Section backgrounds
  • Template backgrounds (homepage, product pages, etc.)

How can I achieve this without breaking the layout? Any guidance would be appreciated!

My store URL is - https://www.happypetsantee.com/?_ab=0&_fd=0&_sc=1
password - happy017

Thanks

1 Like
2

Hi @shahrozbabar5

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1733278673785.png
PageFlyRichard_0-1733278673785.png361×836 28.7 KB

OR you can edit and use the color Scheme without any code

Hope this can help you solve the issue

Best regards,

Richard | PageFly