Change Background And Fonts Colour For All Policy Pages in Refresh Theme

Store Design
,
1

Hi, I would like to change the background of all my policy pages to white and the fonts to this colour: #48A0A8

Can someone please kindly guide me on how to do it? Thanks in advance.

2

Hi, @tgl0316

Please share the store URL so that I can assist you.

3

https://www.medihands.com.my/policies/terms-of-service

4

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Add the code below to the base.css file.

#MainContent{
    background-color: #fff;
}
.shopify-policy__container {
    color: #48A0A8 !important;
}
.shopify-policy__title h1, 
.shopify-policy__title h2,
.shopify-policy__title h3{
    color: #48A0A8 !important;
}

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

1 Like
5

Hi AnneLuo, it works perfectly. Thank you very much.

However there is one minor issue: There are still some titles with the original dark blue colour on the “Privacy Policy” page: https://www.medihands.com.my/policies/privacy-policy

Can you please kindly help me with that too? Truly appreciate it~

6

I have changed the code above. Please try again.

7

The colour is still the same, perhaps I entered the code wrongly? Can you please kindly check if I did it correctly? Thanks

tgl0316_0-1715678501948.png
tgl0316_0-1715678501948.png1918Ă—924 180 KB

8

Oh, sorry. Please use the new code below. The above code was not successfully modified.

#MainContent{
    background-color: #fff;
}
.shopify-policy__container {
    color: #48A0A8 !important;
}
.shopify-policy__title h1, 
.shopify-policy__body h2,
.shopify-policy__body h3{
    color: #48A0A8 !important;
}
9

It works perfectly now. Thank you very much, Anne~

10

Thank you for your reply. I’m glad to hear that the solution worked well for you.
If you require any more help, please don’t hesitate to reach out.