PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Password Strength Indicator CSS?



    I was wondering how to edit the colors for the strength indicator? Any help would be greatly appreciated!


    Posted 9 years ago on Thursday December 27, 2012 | Permalink
  2. Sorry for the delay in responding to this one. You can change the color for the password strength indicator by adding this to your theme's stylesheet:

    body .gform_wrapper .gfield_password_strength.good {
     background-color: green;
     border-color: green;
     color: white;

    I would style all 3 elements: font color, background color and border color. You can choose whichever values work for you. It looks like these are the possible outcomes for the indicator:

    • .gfield_password_strength.short
    • .gfield_password_strength.bad
    • .gfield_password_strength.mismatch
    • .gfield_password_strength.good
    • .gfield_password_strength.strong

    If there are other possibilities, I imagine the class names will be similar to these, based on the message displayed when you enter your password. Let us know if you need additional assistance.

    Posted 9 years ago on Wednesday January 2, 2013 | Permalink