Policies pages background

[Shinigami420]

Hello Shopifiers!

I'm looking for help. So, my website is using a color scheme, but my policies pages are white. I would like them to match the rest of the website. Scheme is using a gradient, so I'm not sure if we can play with a code. Anyway, please, help me to apply scheme on policies pages. 

Looking forward for your reply!

[Moeed]

Hey @Shinigami420 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Shinigami420]

Hi @Moeed,

Thank you for your answer. www.viaes.co
Pages like About Us, FAQ are alright, I managed to work it out. In the footer menu, you'll find links to policy pages. I would like overall website background, to match o these policy pages as well. 

Regards

[Moeed]

Hey @Shinigami420 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
body {
    background: radial-gradient(rgba(57, 129, 249, 1), rgba(203, 68, 194, 1) 100%) !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Shinigami420]

Hi @Moeed,

We are heading in a right direction. Problem with this solution is, that this background is static, and has to duplicate itself creating something like borders, like this.

If you're still willing to help, please refer to behaviour of About Us page, which is dynamic. I made it little bit longer so it will be easier to see what I mean.
Looking forward for your reply.

Regards.

## EDIT ##

Also, text should be white. I really appreciate your help @Moeed, thanks!

[Made4uo-Ribe]

Hi @Shinigami420 

Add this code. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.newsletter__wrapper, .footer {
    background: inherit;
}

.shopify-policy__container * {
    color: white;
}

• And Save.
• Result:
• 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[Shinigami420]

Hi @Made4uo-Ribe,

Thank you for your reply and your effort in helping me. I applied your piece of code, it seems like it is a little bit better. However, background is still kinda static. Is it possible to make it continuous? So there will be no pink breaks while you scroll down these privacy pages?

Border on a footer is not existing on Privacy Policy, but if you will scroll up a little bit, it appears there. For terms of service and refund policy, merging with footer is still a problem.

I love how it works on About Us page, how smoothly it is following scrolling.
Still looking for support, any inquiries are highly appreciate! Thanks!

Best regards.