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

Accepted Solutions (2)

Accepted Solutions
dmwwebartisan
Shopify Partner
11323 2417 3481

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Kinjaldavra
Shopify Partner
2302 569 1411

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 | Whatsapp

View solution in original post

Replies 5 (5)
Kinjaldavra
Shopify Partner
2302 569 1411

Incorrect password,  please check it 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
dmwwebartisan
Shopify Partner
11323 2417 3481

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder 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!

Kinjaldavra
Shopify Partner
2302 569 1411

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 | Whatsapp
dmwwebartisan
Shopify Partner
11323 2417 3481

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app