How can I change font colour on my policy pages?

Technical Q&A

Topic summary

Issue: On a Shopify store using the Dawn theme, text on all policy pages displayed as white on a white background, while the rest of the site’s colors were correct. The merchant wanted the policy text to be black.

Proposed solutions:

  • Add custom CSS via the theme customizer to set MainContent text to black (e.g., main #MainContent, main#MainContent h1 { color: #000 !important; }).
  • Edit base.css to reset global colors (h1, body { color: initial !important; }).
  • Add a targeted rule for policy pages in the CSS asset file: .shopify-policy__container * { color: black; }. Screenshots were shared showing the corrected result.

Outcome: The merchant confirmed the solution worked and the policy text is now readable in black. The thread is resolved.

Notes: Images (screenshots) illustrated the successful color change on policy pages.

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

Hi @Solomond

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

h1, body {

color: initial !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly