Policies pages background

Store Design
, , ,
1

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!

1 Like
2

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

1 Like
3

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

4

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 tag

RESULT:

Moeed_0-1733673388591.png
Moeed_0-1733673388591.png1889×906 226 KB

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

Best Regards,
Moeed

1 Like
5

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.

Shinigami420_0-1733674032928.png
Shinigami420_0-1733674032928.png2608×1580 539 KB

Shinigami420_1-1733674078328.png
Shinigami420_1-1733674078328.png1439×552 191 KB

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!

6

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;
}

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

1 Like
7

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?

Shinigami420_0-1733759460474.png
Shinigami420_0-1733759460474.png399×242 73.7 KB

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.

Shinigami420_1-1733759580621.png
Shinigami420_1-1733759580621.png1186×584 141 KB

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.