Change product background & product page background in dawn theme

Topic summary

Main issue: Change the background color on both the All Products (collection) page and individual product pages in the Dawn theme.

Key points:

  • Dawn has no built-in setting for this; it requires CSS edits or developer help. If per-product colors are needed, create a product metafield for color with a theme default as fallback.
  • Suggested implementation: add CSS at the bottom of base.css to set background for product media cards (.card .media) and the product template body. Example given used #000 (black); ensure text remains readable against the chosen color.

Actions and outcomes:

  • OP applied the CSS and changed the color to #FFFFFF (white), confirming it worked.
  • Access note: The shared store link was password-protected; a password was requested to view.
  • Another user reported an “online store editor session cannot be saved” error (screenshot attached) but resolved it after correctly adding the code to base.css.

Status: Resolved. The CSS approach works; metafields can handle product-specific backgrounds if needed.

Summarized with AI on January 5. AI used: gpt-5.

Hey @Andia
Your store is password protected please share the password as well