Hello.
I want to change my button and text color on “customer account page”, does anyone know how to do this?
Hi @silenceclothing , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks
Hello! Sure, I can assist you with that. Could you please share your store URL and the password if your storefront is password-protected? This will help me provide you with the best solution. 
Hello @silenceclothing ,
Could you please provide the URL/ password to your store so that I can check it and provide you with the exact solution?
Follow these steps:
-
Online Store
-
Themes
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above <b/body> tag.
@media (prefers-reduced-motion: no-preference) and (hover: hover) {
.animate--hover-3d-lift .card-wrapper .card--card, .animate--hover-3d-lift .card-wrapper .card--standard .card__inner, .animate--hover-3d-lift .button:not(.button--tertiary), .animate--hover-3d-lift .shopify-challenge__button, .animate--hover-3d-lift .customer button, .animate--hover-3d-lift .shopify-payment-button__button, .animate--hover-3d-lift .deferred-media .deferred-media__poster-button {
transition: transform var(--duration-long) ease, box-shadow var(--duration-long) ease;
transform-origin: center;
color: red !important;
}
}
Result:
If I was able to help you, please don’t forget to Like and mark it as the Solution!
If you’re looking for expert help with customization or coding, I’d be delighted to support you. Please don’t hesitate to reach out via the email in my signature below—I’m here to help bring your vision to life!
Best Regard,
Rajat
Hello there,
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 a {
color: white;
}
form#customer_login button {
background: transparent;
color: white;
}
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:
.customer button {
background-color: skyblue !important;
color: red !important;
}
Let me know if you need further assistance!
- Go to Online Store → Theme → Edit code.
- Open your theme.css / based.css file and paste the code in the bottom of the file.
form#customer_login button {
color: black;
background: #202A44;
}
form#customer_login button:hover {
background: black !important;
color: #ffff !important;
}
Result:
normal state:
hover:
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
it did not work
this did not work.
Please try using this CSS
form#customer_login a {
color: white;
}
form#customer_login button {
background: white;
color: black;
}
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
how do i make the border around the button white?
form#customer_login button::after {
border-radius: 16px !important;
}
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Bro, I have provided you with many solutions, please mark all of them.
not working
none of them worked…