There s no password at the moment
Topic summary
Goal: Use a different background color for the header (yellow) and the rest of the page (white) on the Shopify Theme Ride.
Key details and context:
- The requester clarified they want a yellow header and white background from the blue line downward. A screenshot was provided to illustrate the desired look.
- Store URL was shared (no password). The requester also asked for the color in hex format for future changes.
Proposed solution (CSS-based):
- Steps: Online Store > Themes > Actions > Edit code > Assets > open base.css/style.css/theme.css and add CSS.
- Provided CSS sets the main content and a featured collection section to white:
- main#MainContent { background: white !important; }
- .collection.section-template–20322656846130__featured_collection-padding { background: white; }
- Note: “CSS” refers to Cascading Style Sheets; the code customizes page backgrounds.
Outcome and status:
- The requester thanked the helper, implying the guidance helped.
- The header’s yellow hex code was not specified in the thread; the CSS provided addresses the white content area. The discussion appears resolved without further action items.
1 Like