How can i make button on "reset password" on customer acount white?

Store Design
, ,

Topic summary

A user seeks to change the color of text on their Shopify store’s password reset button to white.

Solutions Provided:

Two CSS-based approaches were offered:

  1. Custom CSS via Theme Customizer (DaisyVo):

    • Navigate to Shopify admin → Online store → Customize → Theme settings → Custom CSS
    • Add CSS targeting form[action="/account/recover"] elements to set link color to white and adjust button styling

  2. Direct Theme File Edit (websensepro):

    • Access Online Store → Theme → Edit code
    • Paste CSS into theme.css/base.css targeting specific customer login section classes
    • Uses !important flags to override existing styles

Resolution:

The original poster confirmed they found the solution and thanked the contributors. Both methods involve adding custom CSS code snippets, with screenshots provided showing the implementation steps and expected results.

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

@silenceclothing

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.customer.login.section-template--18239296569541__main-padding form a[href="#login"] {
    color: #ffff !important;
}
.customer.login.section-template--18239296569541__main-padding form button {
    background: #ffff !important;
    color: black !important;
}

Result:

websensepro_0-1736774188641.png
websensepro_0-1736774188641.png877×437 16.5 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!