Change color on text and button on customer login page.

Hello. does anyone know how to change color for this text and button to white on customer login page?

Hello @silenceclothing ,
Here are the steps to apply the necessary changes in your Shopify store:

  • In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  • Locate Asset > base.css and paste the following code at the bottom of the file:
form#customer_login button {
background: transparent;
color: white;
}

Could you please provide the URL/ password to your store so that I can check it and provide you with the exact solution?

Hello, @silenceclothing
Please share “Store URL”
Thanks!

this did not work.

https://vng92wdoo933opc3-65389560005.shopifypreview.com

https://vng92wdoo933opc3-65389560005.shopifypreview.com

Could you please share your store URL so I can review it for you?

Please add this css

div#CartDrawer  .cart-drawer__empty-content a.button {
    background: white;
    color: black !important;
}
.customer button {
    background: white;
    color: black !important;
}

Did not work. but i found this long code in bottom of the base.css, is this supposed to be here?

You can remove this if the code is not working. Thank you.

Hi @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.
form#customer_login button {
    background: #ffff !important;
    color: black !important;
}
form#customer_login a[href="/account/register"] {
    color: #ffff !important;
}

Result:

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

Hi @silenceclothing

To complete your requests, please follow these steps:
Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
Paste the code provided into the Custom CSS section.

form#customer_login > a {
    color: white !important;
}
form#customer_login > button {
    background: white !important;
    color: black !important;
    border: none !important;
}
form#customer_login > button::after {
    box-shadow: none !important;
}

Here is the result:

I hope this helps

Best,

Daisy

thanks!