Changing the Background Color on Policy Pages

Store Design
1

I used the theme from my last store onto my new store but I changed the colors. I can’t find where you change the background color of the policy pages and I don’t think I coded it in last time but I’m not 100% sure. I’m using the publisher theme. Is there a way to check if I coded it in?

2

@Jarch2 Can you please share this page link?

policy pages are default provided by shopify, only change design as per the theme

3

Hi @Jarch2

Yes, there’s a way to check if you coded the background color in your Publisher theme. Here’s how:

1. Inspect the Policy Page- Right-click on the page → Inspect (or Ctrl + Shift + I / Cmd + Option + I).

  • Look for or .policy container → Check CSS styles for background-color.

2. Check Shopify Theme Settings- Go to Online Store → Themes → Customize → Theme Settings → Colors to see if there’s an option for page backgrounds.

3. Check Theme Code- Online Store → Themes → Actions → Edit Code

  • Open theme.css or base.css in Assets
  • Search for background-color, .policy, or background:

If you find a rule like:

.policy-page {
background-color: #ffffff; /* Or another color */
}

Then you did code it in manually.

Hope this is helpful!

Best regards,

Daisy.

4

Hi @Jarch2 , can you share store URL and the color you want to change?

5

This is a really common thing when reusing a theme, so you’re not crazy :slightly_smiling_face:

In the Publisher theme, policy pages don’t always follow the active color scheme the same way regular sections do. That’s usually why it feels like the background color is coming from nowhere.

A quick way to tell whether this was coded before is to use your browser inspector. Open one of the policy pages, right-click the background, choose Inspect, and look at the styles panel. If you see a background-color coming from base.css, theme.css, or a custom CSS file, that’s a good sign it was manually added on the old store. This is often the fastest way to track it down.

You can also check directly in the theme files. Go to Online Store → Themes → Edit code, open base.css or theme.css, and search for things like policy, shopify-policy, page-width, or background. Even a single rule targeting .shopify-policy__container can affect all policy pages.

I also made an app called Easy Edits (https://apps.shopify.com/easy-edits) that helps with this kind of thing. You can click directly on a policy page and change the background visually, or just describe what you want and let the AI apply it, without digging through CSS.

Let me know if I can help you get it setup or help you re-write some specific code. Best of luck!