Liquid, JavaScript, themes, sales channels
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!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024