Background colour not working for my privacy page. theme for Rebel.

Store Design
,

Topic summary

A Shopify store owner using the Rebel theme couldn’t change their privacy page background to black with white text. The color scheme selector wasn’t saving changes, and Shopify support couldn’t resolve the issue.

Solutions Provided:

Two community members offered CSS-based fixes:

  • Option 1: Add custom CSS code in the theme.liquid file above the </body> tag
  • Option 2: Insert CSS targeting .shopify-policy__container classes into the theme’s CSS file (base.css, style.css, or theme.css)

The second solution also removed horizontal lines from the policy page and included responsive styling for different screen sizes.

Outcome:

The store owner confirmed the problem was successfully resolved using one of the provided CSS solutions. Both helpers included code snippets and visual examples showing the expected black background with white text result.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

I’m having trouble changing the background black and the text white on my website. its not as easy as selecting colour scheme and save, I selected the colour scheme but it doesn’t let me save, I’ve spoken to the help centre and they said they cant help me. What should I do?

3 Likes
2

Hi @PRODENCLOTHING

Please, share your store URL. Thanks!

3
4

Thank you for getting back to me!

5

Hey @PRODENCLOTHING

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-1735317544142.png
Moeed_0-1735317544142.png1886×914 71.8 KB

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

Best Regards,
Moeed

6

Thanks for the info, try this one.

  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:
.shopify-policy__container {
    background: black;
    max-width: 100%;
}
.shopify-policy__container * {
    color: #fff;
}

.shopify-policy__title h1 {
    margin-top: 0;
    padding: 30px;
}
@media only screen and (min-width: 749px){
.shopify-policy__body {
    width: 65ch;
    margin: auto;
}
}
.shopify-policy__body .rte hr {
    display: none;
}

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

WOW! thank you so much the problem is fixed!

1 Like