https://legacy.forums.gravityhelp.com/topic/input-field-appearance Gravity Support Forums Topic: Input Field Appearance en-US Mon, 20 Apr 2026 04:47:17 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/input-field-appearance#post-21950 Tue, 29 Mar 2011 11:41:36 +0000 Carl Hancock 21950@https://legacy.forums.gravityhelp.com/ <p>Never edit/change the Gravity Forms files in it's plugin folder as your changes will be overwritten whenever an automatic update is run.</p> <p>You always place customizations in your theme or child theme files. CSS customizations would go in your themes stylesheet, code customizations using hooks/filters would go in your themes functions.php file. </p> https://legacy.forums.gravityhelp.com/topic/input-field-appearance#post-21946 Tue, 29 Mar 2011 11:36:00 +0000 cmonica 21946@https://legacy.forums.gravityhelp.com/ <p>Ok, but should I add the above rules to my form.css file or copy the contents of the form.css file to my stylesheet and then add the rules? And to clarify me "using HTML5 enable fields" is that because of my theme or because of Gravity Forms? Is there a setting I should have on Gravity Forms or when I activated to make sure the above rules are included on the form.css file by default? </p> https://legacy.forums.gravityhelp.com/topic/input-field-appearance#post-21892 Mon, 28 Mar 2011 22:08:29 +0000 Kevin Flahaut 21892@https://legacy.forums.gravityhelp.com/ <p>Your stylesheet (beginning at line 935) sets rules for different input types</p> <pre><code>[css] input[type=text], input[type=password], input.text, input.title, textarea, select { font-size: 1em; margin-top: .5em; margin-bottom: .5em; } input[type=text], input[type=password], input.text, input.title, textarea { background-color: #FFFFFF; border: 1px solid #999999; padding: 5px; } input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus { border-color: #666666; } textarea { width: 30em; height: 20em; }</code></pre> <p>You're using the HTML5 enabled fields and your email field is type="email" - that's not defined in your CSS along with the other types. If you add that to your rules, then everything should format the same. Since you're using the HTML5 fields, you'll probably want to add the "tel" and "url" types as well for the phone and website fields.</p> <pre><code>[css] input[type=text], input[type=email], input[type=password], input[type=url], input[type=tel] {your:styles}</code></pre> https://legacy.forums.gravityhelp.com/topic/input-field-appearance#post-21867 Mon, 28 Mar 2011 18:27:16 +0000 cmonica 21867@https://legacy.forums.gravityhelp.com/ <p>The input fields on my form don't have a consistent look...the Name field has an outline all around but the Email field only has an outline on the top. Is this a browser issue...it looks that way in both Firefox and IE?</p> <p><a href="http://sacforeclosurehelp.com/test-builder/contact/" rel="nofollow">http://sacforeclosurehelp.com/test-builder/contact/</a> </p>