How to make Contact, Terms, Privacy Policy Pages background Black

[omnstores]

My whole site’s background is black and I want the other pages to be the same. The Background should be black and the text should be white.

[JennerDev]

You can do multiple ways:

1. Grab the main element:

main {
  background: #000;
  color: #fff;
}

2. Target a section class:

.shopify-policy__container {
  background: #000;
  color: #fff;
}

3. Target their section id (which is assigned by shopify, permanent ID per each section, per each page (the ID below is example):

#shopify-section-template--16716130484455__939877b3-b65b-42ae-a394-662599fc6437 {
  background: #000;
  color: #fff;
}

4. If for some reason, the template has divs or other elements inside, make sure to target their classes as well:

section, main, main + div, main > div {
  background: #000;
  color: #fff;
}

• Use your browser developer tools to see the element tree and their class-names

• For CSS selectors, visit w3schools > css selectors reference

[omnstores]

This changes the bg color to black, but makes the text black too. Making the text unreadable

[JennerDev]

Then you need to change the theme settings (customization) for the text, make all text white

Or, in the css target all the text selectors:

span, strong, b, i, li, div, a, p, h1, h2, h3, h4, h5, h6 {
  color: #fff !important;
}