Password strength indicator doesn't change background color

I have a password strength meter for my user registration form and it doesn’t change color when going from Very Weak to Strong. Is it supposed to work like that?

You can check the form here:

1 Like

Here’s some CSS. You will want to add this to your WordPress Customizer > Additional CSS tab.

.gfield_password_strength.short {background-color: #e3e3e3 !important;}

.gfield_password_strength.bad {background-color: red !important;}

.gfield_password_strength.good {background-color: yellow !important;}

.gfield_password_strength.strong {background-color: green !important;}

Here’s a good color picker if you would like to change the colors: W3Schools Color Picker


This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.