Shopify themes, liquid, logos, and UX
I need help changing all the text and button in the account section to the color white. Does anyone know how I might do this?
Website: www.puffplayground.com
Solved! Go to the solution
This is an accepted solution.
Hey @puffplayground
Keep the previous code and add this new code above </style> in the end of theme.liquid file.
.customer button {
background: white !important;
}
.customer button:after {
box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(18,18,18, calc(1 - 1.0)), 0 0 0 var(--buttons-border-width) rgb(255 255 255) !important;
}
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hey @puffplayground
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
h1#login {
color: white !important;
}
.login a {
color: white !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
thank you that seems to have worked, do you know how to change the "sign in" button from yellow to white?
This is an accepted solution.
Hey @puffplayground
Keep the previous code and add this new code above </style> in the end of theme.liquid file.
.customer button {
background: white !important;
}
.customer button:after {
box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(18,18,18, calc(1 - 1.0)), 0 0 0 var(--buttons-border-width) rgb(255 255 255) !important;
}
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
form#customer_login button {
background-color: #ffffff !important;
}
Hi @puffplayground Please add those CSS in the assets/base.css file. It will work.
Thanks.
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > customer.css and paste this at the bottom of the file:
.login a{
color:white;
}
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025