Change background colour of pages to fit in with theme throughout website

Store Design
,

Topic summary

A user working with Shopify’s Canyon theme needs help customizing page background colors and adding menu icons.

Background Color Issue - Resolved:

  • User wanted to change background colors on individual pages (About Us, Contact, policy pages) to match the site theme
  • Solution provided: Add CSS code to the base.css file targeting .content-for-layout with specific background color and fixed attachment properties
  • User confirmed this solution worked perfectly

Menu Icons Request - In Progress:

  • User wants to add the same icon (their favicon) next to each menu item (Home, Our Story, etc.)
  • User shared an SVG file they want to use for all menu items
  • Helper requested the SVG file via email to implement the solution
  • Implementation involves modifying the header-drawer.liquid file

Technical Details:

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

Hi @LittleWins ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.content-for-layout {
    background: #fff9f4;
    background-attachment: fixed;
}