Shopify themes, liquid, logos, and UX
Hello. does anyone know how to change color for this text and button to white on customer login page?
Solved! Go to the solution
This is an accepted solution.
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
Hello @silenceclothing,
Here are the steps to apply the necessary changes in your Shopify store:
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?
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.
Hello, @silenceclothing
Please share "Store URL"
Thanks!
Could you please share your store URL so I can review it for you?
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!
This is an accepted solution.
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!
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025