How can I alter the cart page and footer background colors?

Store Design

Topic summary

A user seeks to change the background colors of the cart page and footer on their Shopify store.

Solutions Provided:

Two responders offer CSS code snippets to be added to theme files:

  • Option 1: Add code to theme.scss file targeting body.template-cart and #shopify-section-custom-footer with specific hex color values
  • Option 2: Add code to custom.scss file with similar targeting, noting that color values (like #fff) can be customized to match the theme

Both solutions follow similar steps: Navigate to Online Store → Theme → Edit code, locate the appropriate CSS file, paste the code, and save.

Ongoing Issues:

Multiple users report implementation problems:

  • One states the solution doesn’t work for them
  • Another cannot locate the .scss file under Assets
  • A third user asks if anyone found a workaround

The discussion remains unresolved with no confirmed working solution for all participants.

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

I do not have a theme.scss file unde Assets

1 Like