Need help changing background color and text color in all policy pages (RIDE THEME)

Store Design
1

Trying to change the background color for all my policies which can be found here. I want a white background and all text in black. Except links which can stay

https://downunderthunder.com.au/policies/refund-policy

https://downunderthunder.com.au/policies/privacy-policy

https://downunderthunder.com.au/policies/terms-of-service

https://downunderthunder.com.au/policies/shipping-policy

2 Likes
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset → base.css and paste this at the bottom of the file:
main#MainContent {
background-color: #fff;
color: #000;
}
.shopify-policy__container .shopify-policy__title h1 {
color: #000;
}

ZestardTech_0-1683695066355.png
ZestardTech_0-1683695066355.png1894Ă—699 49.5 KB

2 Likes
3

Hello @JayFinlay

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.focus-none {
    background: #fff !important;
    color: #000 !important;
}
.shopify-policy__title {
    color: #000 !important;
}
2 Likes
4

That worked amazing, but the title for each policy at the top, example: Refund policy

Is still in white and can’t be seen now.

5

Hello @JayFinlay

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.shopify-policy__title h1 {
    color: #000!important;
}
6

Hello @JayFinlay

If any issues there share here I will provide a solution.

7

Hello @JayFinlay ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file → add this following code at the bottom of page

.template-policy {
  background-color: #FFFFFF;
  color: #000000;
}

Save and preview

Hope this can help you out.

Ali Reviews team.

1 Like
8

Hello @JayFinlay ,

This can be resolved with the help of a custom code. We are providing the steps and code to help you fix this for your convenience.

Follow the below steps to fix the same.

  • Go to the Online Store->Theme->Edit code->Layout.
  • Now look for the file theme.liquid.
  • Add this code inside the body tag of the file.

{% if the template contains “policies” %}

main#MainContent { background-color: #fff; color: #000; } .shopify-policy__container .shopify-policy__title h1 { color: #000; }

{% endif %}

Now save the changes to your theme.

Hope this helps. Feel free to contact us for further help with your Shopify store.

All the best,

CedCommerce

9

Hello,

How do I change the background color for my Shopify policy pages on the Dawn Theme.

10

Hello, wouldyou please help how can I change the background color of the policy pages in Dawn Theme?

11

You can actually do this without any coding! The policy pages will automatically use Colour Scheme 1. So all you have to do is change your colour scheme 1 to whatever you want your policy page colours to be and then for the rest of the website you can use the other colour schemes.

1 Like