FROM CACHE - en_header

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
11139 2393 3433

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 | Click here GemPages The most powerful Shopify page builder.

View solution in original post

Kinjaldavra
Shopify Partner
2302 569 1408

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
Build your professional store with GemPage Page Builder

View solution in original post

Replies 5 (5)
Kinjaldavra
Shopify Partner
2302 569 1408

Incorrect password,  please check it 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
dmwwebartisan
Shopify Partner
11139 2393 3433

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 | Click here GemPages The most powerful Shopify page builder.
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 1408

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
Build your professional store with GemPage Page Builder
dmwwebartisan
Shopify Partner
11139 2393 3433

@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 | Click here GemPages The most powerful Shopify page builder.