How do I change the background color on my policy pages

Store Design
,
1

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!

2

Hello @definitionME
Can you share page URL?

3

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

4

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 on theme.liquid

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

techlyser_web_0-1704832240868.png
techlyser_web_0-1704832240868.png1292×167 3.34 KB

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

techlyser_web_1-1704832545825.png
techlyser_web_1-1704832545825.png1034×178 12.4 KB

ignore this

5

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 on theme.liquid

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

techlyser_web_0-1704833463913.png
techlyser_web_0-1704833463913.png1252×295 11.5 KB

techlyser_web_1-1704833538196.png
techlyser_web_1-1704833538196.png693×376 15 KB

techlyser_web_2-1704833591730.png
techlyser_web_2-1704833591730.png690×435 15.7 KB

6

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!!

7

Font color of Font Familiy

8

#1773B0 RawengulkSans-094

9

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 on theme.liquid

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

techlyser_web_0-1704960203728.png
techlyser_web_0-1704960203728.png1152×458 17.5 KB

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

10

Thank you!!! This worked perfectly!

11

Where do you paste the code? I am having the same issue