Custom width for input field [RESOLVED]

[user61708c8fea42c555 (Mike E.)]

Hey Guys,

Im hoping to change the width of the password field for my form. I placed both the username and password field at large field size in the settings, but in reality, they aren’t the same. How do I fix that? All help greatly appreciated.

Thanks…

[chrishajer (Chris (Gravity Forms))]

Can you share a link to the page on your site where we can see the form? Thank you.

[user61708c8fea42c555 (Mike E.)]

Here is the page:

Login

[chrishajer (Chris (Gravity Forms))]

Hi Michael. You can use this CSS:

body .gform_wrapper span#input_8_3_1_container {
  width: 100%;
}

You can add this CSS to your theme (or child theme) stylesheet or via the Appearance Customizer (Appearance → Customize → Additional CSS):

See also this article for additional information about placing CSS snippets: https://docs.gravityforms.com/where-to-put-your-custom-css/

Your form looks like this once you apply the CSS: firefox pOecWFmjTj.png - Droplr

If you have any other questions, please let us know.

[user61708c8fea42c555 (Mike E.)]

@chrishajer

body .gform_wrapper span#input_8_3_1_container {
  width: 100%;
}

Thanks so much @chrishajer!! Everything works. Also, thanks for the articles…