Change background colour of all pages and center policy links

Store Design
, ,

Topic summary

A store owner seeks to change their site’s background to black with white text across all pages, using the “sizing chart” page as a reference. They also want to center their policy links in the footer.

Solutions Provided:

  • First, try adjusting theme settings for brand colors rather than custom CSS to avoid extensive manual fixes
  • If custom CSS is needed, target #MainContent with background: black and adjust font color settings
  • For centering footer policy links, add .footer__content-bottom-wrapper { justify-content: center; } to custom CSS
  • Reference provided: Shopify’s guide on adding custom CSS

Follow-up Request:

The store owner additionally asks about expanding the width of policy pages. One responder shared a screenshot (presumably showing the desired result), but specific implementation details for the width adjustment weren’t provided yet.

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

Hi my store is studio-seductress.com and I am looking to change the background colour of all pages to black and all text to white. See “sizing chart” page for example. I am wanting it changed to black with white text if someone can help.

Also I have tried so many codes to center my policy links but none work, any help appreciated thanks so much

2

Hi @studioseductres :waving_hand: This should just be a matter of changing the theme settings / brand colors.

If a theme doesn’t have color settings changeable for this it can end up being a long game of whack a mole to fix all the backgrounds, accents, and fonts.

i.e. try this in a custom css setting

#MainContent {
  background: black;
}

READ: https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

Note: how you will have to at least change the body/content/text font color setting. And of course will not magically invert image contents colors.

For the footer in a custom-css setting add:

.footer__content-bottom-wrapper {
  justify-content: center;
}

If you need further customization then contact me for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

3

Do you want this?

LizHoang_0-1737944059832.png
LizHoang_0-1737944059832.png1798×728 34.9 KB

4

Thanks so much. I was wondering if you could also help me expand the width of my policy pages please