Changing background colour policy pages

Technical Q&A

Topic summary

Main issue: change the background color of Shopify Dawn theme policy pages via code. Initial target color “#FF” was clarified to #FFF8EF.

Key steps and solutions:

  • Helper requested the store URL to review. The merchant provided it and confirmed the desired color (#FFF8EF).
  • Solution 1: In Online Store > Edit code > theme.liquid, add custom code near the bottom (above ) to set the policy pages’ background to #FFF8EF. Screenshots show it working across all policy pages.
  • Follow-up request: make the policy page heading dark blue (#1F64AE) and left-aligned.
  • Solution 2: Keep the prior change and add a CSS rule targeting .shopify-policy__title h1 near the end of theme.liquid (above the closing ) to set color: #1F64AE and left alignment. Screenshot confirms the result.

Outcomes:

  • Background color and heading styling successfully applied to all policy pages.
  • Merchant confirmed satisfaction; no further issues.

Status: Resolved. Attachments (screenshots) were used to demonstrate results.

Summarized with AI on December 14. AI used: gpt-5.
9

Hey @RikandMoniek

Keep the previous code and add this new code above in the end of theme.liquid file.

.shopify-policy__title h1 {
    text-align: -webkit-left !important;
    color: #1F64AE !important;
}

RESULT:

Moeed_0-1732095676467.png
Moeed_0-1732095676467.png1382×902 115 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like