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.

Style Password Field: How to stack vertically

  1. ZeadsDead
    Member

    Hi
    The password field is side-by-side by default.

    I would like to stack it so it's on top of each other. Is this possible?

    For example, instead of:

    create a pw: confirm your pw:

    it should be:

    create a pw:
    confirm your pw:

    Posted 11 years ago on Monday June 3, 2013 | Permalink
  2. Richard Vav
    Administrator

    Hi,

    Try adding the following to your theme's stylesheet

    .gform_wrapper .ginput_complex .ginput_right {
        clear: left;
        float: left;
    }

    the only caveat is that as it is the above will also affect similar field types such as the email field with confirmation, if you only want to affect the password field then you would have to add a custom CSS class name to the fields advanced tab and to the rule like so

    .gform_wrapper .my_custom_class .ginput_complex .ginput_right {
        clear: left;
        float: left;
    }

    Regards,
    Richard

    Posted 11 years ago on Monday June 3, 2013 | Permalink