Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hey there,
we are currently having difficulties changing the font color of our password page. How can I change the "enter password here" box and text into white? It should only be changed for the password page not for the whole theme.
Thanks in advance!
Shop url: https://seakjewelry.com/password
nathan99
Solved! Go to the solution
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss.liquid file.
.password-login .btn--secondary {color: #fff !important;}
.password-login .btn--secondary:not([disabled]):hover, .btn--secondary:focus {color: #fff !important;}
Hope this works.
Thanks!
This is an accepted solution.
hello @nathan991
Please add the following code at the bottom of your assets/theme.scss.liquid file.
.template-password .btn--secondary {
border-color: #ffffff !important;
}
Incorrect password, please check it
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss.liquid file.
.password-login .btn--secondary {color: #fff !important;}
.password-login .btn--secondary:not([disabled]):hover, .btn--secondary:focus {color: #fff !important;}
Hope this works.
Thanks!
Wow thanks ever so much!
Is it also possible to make the box around the text white as well?
Thanks!
This is an accepted solution.
hello @nathan991
Please add the following code at the bottom of your assets/theme.scss.liquid file.
.template-password .btn--secondary {
border-color: #ffffff !important;
}
Please add the following code at the bottom of your assets/theme.scss.liquid file.
.template-password .btn--secondary { border-color: #ffffff !important; }
Thanks!