Password page change text color Debut theme

Solved
nathan991
Tourist
4 0 2

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

Natztech
Shopify Partner
1319 362 900

Incorrect password,  please check it 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
dmwwebartisan
Shopify Partner
7299 1723 2298

This is an accepted solution.

@nathan991 

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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
nathan991
Tourist
4 0 2

Wow thanks ever so much!

Is it also possible to make the box around the text white as well?

Thanks!

Natztech
Shopify Partner
1319 362 900

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;
}

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
dmwwebartisan
Shopify Partner
7299 1723 2298

@nathan991 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-password .btn--secondary { border-color: #ffffff !important; }

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes