How to change the color of the email box on password page - Impulse Theme

Store Design
, , ,
1

Hello,

How do I change the color of the email box on my password protection page only? I want to change the box so it’s transparent and the words “Email Address” to the color white. I was able to change the “Enter” button color to white, but I can’t get the Email Address box to change. The link is Blanca

2

@jfja

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

.password-page__signup-form .input-group-field {background-color: transparent !important;color: #fff !important;}
.password-page__signup-form input, textarea, select {border: 1px solid #fff !important;}
.password-page__signup-form input::placeholder {color: #fff !important;}

Thanks!

3

Hey @jfja

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

Moeed_0-1688390126080.png
Moeed_0-1688390126080.png572×347 175 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

4

Thanks for the help! Not sure if i’m doing anything wrong, but it doesn’t seem to have changed.

Screenshot 2023-07-03 at 11.01.44 AM.png
Screenshot 2023-07-03 at 11.01.44 AM.png1938×1384 454 KB

5

@jfja

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

.password-page__signup-form .input-group-field {background-color: transparent !important;color: #fff !important;}
.password-page__signup-form input, textarea, select {border: 1px solid #fff !important;}
.password-page__signup-form input::placeholder {color: #fff !important;}
6

This worked perfectly, thank you!

7

@jfja

If helpful then please Like Solution.