How do I change the background color on my policy pages

[definitionME]

I'm using the dawn theme and would like to change the background color for each of my policy pages to #f3f3f3. I've used the code suggested in other answers to this question but it isn't working for me. Thanks in advance!

[niraj_patel]

Hello @definitionME 
Can you share page URL?

[definitionME]

https://definitionmeshop.com/policies/shipping-policy

https://definitionmeshop.com/policies/terms-of-service

https://definitionmeshop.com/policies/privacy-policy

https://definitionmeshop.com/policies/refund-policy

[niraj_patel · Accepted solution]

Hello @definitionME 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>

    .focus-none {
          background: #f3f3f3 !important;
     }
    .rte p span {
           background: #f3f3f3 !important;
      }
      .focus-none span {
         background: #f3f3f3 !important;
      }

</style>

[definitionME]

Thank you!

Is there a way to also apply a font color to these pages?

And I've edited the code to apply a different font to the whole store but I don't feel like it's working on the policy pages either. Any ideas?

Thank you!!

[niraj_patel]

Font color of Font Familiy 

[definitionME]

#1773B0 RawengulkSans-094

[niraj_patel]

Hello @definitionME 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>

    .focus-none {
      color: #1773B0 !important;
    }
    .shopify-policy__title h1 {
       color: #1773B0 !important;
   }

   .rte p a {
       color: #1773B0 !important;
   }

</style>

For you have already applied font family and that is working.

[definitionME]

Thank you!!! This worked perfectly!

[niraj_patel]

Hello 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>

    section#shopify-section-template--17104864641281__main {
         background: #f3f3f3 !important;
    }

</style>

It may be possible that the section ID is different in your page, please check once.

ignore this