How to change the background to an IMAGE for the policy pages (privacy, shipping, refund, etc).

Technical Q&A
, , ,
1

The policy pages at the bottom of my website (Privacy Policy, Terms of Service, Shipping Policy, Refund Policy) all show the same “popcorn ceiling” background, with white text, so it is almost impossible to read. See image below:

Policy pages.jpg
Policy pages.jpg1359×990 175 KB

I would like to change the background to an IMAGE (not a color, but a specific image). I want to keep the white text and use this image as the background for all four of these policy pages:

Background Blue Blue.png
Background Blue Blue.png1920×1080 480 KB

How can I accomplish this?

Thank you!!

2

@BigBlubber how did you set the current background image?

We could either use the page’s request URL or request page-type to include a condition.

3

Hello @BigBlubber ,

This guide is for the Dawn theme. If you want to change the background, some customization will be required. Follow the steps below:

  1. First, go to your Shopify dashboard → Content → Files, and upload the background image there. Then, copy its URL.

    Capture.PNG
    Capture.PNG1920×920 144 KB

Next, go to Dashboard → Online Store → Themes → Edit Code, and search for the base.css file. Paste the code there.

main#MainContent {
    background-image: url(https://cdn.shopify.com/s/files/1/0661/1927/0613/files/Background_Blue_Blue.png?v=1734336105) !important;
    background-size: contain !important;
    background: unset !Important;
}