How can I center text on my password page?

Store Design
, ,

Topic summary

A user is experiencing text alignment issues on their password page, where text elements (newsletter signup and other fields) are tilted to the right instead of being centered.

Another user responds with a CSS code solution to address styling issues on pages with dark gradient backgrounds. The provided code snippet targets:

  • Input fields and disclosure buttons (setting black background, semi-transparent text, and borders)
  • Footer language list background
  • Field label text color

Note: The CSS code in the response appears to have formatting issues with reversed/garbled text, which may need correction before implementation.

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

On my password page the lettering under the newsletter sign up are tilted to the right side

2

Hi @cureblame ,

body.gradient.dark-background .field__input,
body.gradient.dark-background .disclosure button{
    background: #000;
    color: rgba(254, 254, 254, 0.5);
    border: 1px solid rgba(254, 254, 254, 0.2);
}

body.gradient.dark-background label.field__label {
    color: #fff;
}

body.gradient.dark-background ul#FooterLanguageList {
    background: #000;
}

You can add this CSS.