Solved

Password page change text color Debut theme

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)

dmwwebartisan
Shopify Partner
12313 2550 3706

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 570 1424

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

 

 

View solution in original post

Replies 5 (5)

Kinjaldavra
Shopify Partner
2302 570 1424

Incorrect password,  please check it 

dmwwebartisan
Shopify Partner
12313 2550 3706

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 570 1424

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

 

 

dmwwebartisan
Shopify Partner
12313 2550 3706

@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