Policies do not match rest of theme

Store Design
, , ,

Topic summary

A user working with Shopify’s Dawn theme encountered styling inconsistencies where policy pages (like Terms of Service, Privacy Policy) didn’t match the site’s overall design.

Initial Problem:

  • Policy pages had mismatched colors and alignment compared to other pages
  • Attempted CSS modifications created unwanted white space

Solution Found:
The user resolved the issue by adding custom CSS to base.css targeting specific policy page elements:

  • .shopify-policy__body - Set background color to #121212, white text, center alignment
  • .shopify-policy__title h1 - Applied matching background and text styling
  • #main - Added consistent background color

Status: Resolved. The user successfully styled their policy pages to match the rest of their Dawn theme by targeting Shopify’s default policy page CSS classes.

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

Any of my policy pages listed at the bottom do not match the rest of pages. If I use the following in the base.css I get real goofy white space but the text does align center so I think I’m on the right track. I’m on the DAWN theme. Thanks in advance.

.shopify-policy__body {background-color: black; color: white; text-align: center;}
.shopify-policy__title {background-color: black; color: white; text-align: center;}
.shopify-policy__container {background-color: black; color: white; text-align: center;}

Screenshot 2024-08-01 200726.png
Screenshot 2024-08-01 200726.png3840×1553 104 KB

2

Figured it out. For anyone else riding the struggle bus this is what worked for me - I added the following to the bottom of base.css

.shopify-policy__body {background-color: #121212; color: white; text-align: center;}
.shopify-policy__title h1{background-color: #121212; color: white; text-align: center;}
.shopify-policy__container h1{background-color: #121212; color: white; text-align: center;}
main#MainContent {
    background: #121212;

Screenshot 2024-08-01 213527.png
Screenshot 2024-08-01 213527.png3840×1553 226 KB