https://legacy.forums.gravityhelp.com/topic/help-with-consistency-of-input-field-borders Gravity Support Forums Topic: Help with Consistency of Input Field Borders en-US Wed, 22 Apr 2026 08:12:30 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/help-with-consistency-of-input-field-borders#post-54827 Tue, 10 Apr 2012 19:19:08 +0000 Kevin Flahaut 54827@https://legacy.forums.gravityhelp.com/ <p>No worries. Let us know if you need anything else. </p> https://legacy.forums.gravityhelp.com/topic/help-with-consistency-of-input-field-borders#post-54826 Tue, 10 Apr 2012 19:06:42 +0000 dsaunderswa 54826@https://legacy.forums.gravityhelp.com/ <p>Ohhhh. Got it. Thank you both ;D </p> https://legacy.forums.gravityhelp.com/topic/help-with-consistency-of-input-field-borders#post-54823 Tue, 10 Apr 2012 18:18:54 +0000 Kevin Flahaut 54823@https://legacy.forums.gravityhelp.com/ <p>Your theme doesn't have the correct styles to support all the possible input types. They only included what they needed for their built in contact form apparently. You need to add the CSS snippet that Rob shared to the end of your theme stylesheet so that ALL of the possible input types are support and styled the same way. This isn't a Gravity Forms issue, it's style inheritance from your theme. </p> https://legacy.forums.gravityhelp.com/topic/help-with-consistency-of-input-field-borders#post-54820 Tue, 10 Apr 2012 18:13:17 +0000 dsaunderswa 54820@https://legacy.forums.gravityhelp.com/ <p>Hmmm . . . I see now that I was not clear. The form that I created that has the inconsistent borders is one I created using Gravity Forms. It's the Free Consultation Form. The one that looks fine -- nice, consistent borders -- is the one that my theme offers but it's just a contact form. I purchased Gravity Forms so that I could create forms for more than just contact info AND it looked easy.</p> <p>I wonder . . . are you saying that I should use the same styling code for the Gravity Form? </p> <p>Thank you ;D </p> https://legacy.forums.gravityhelp.com/topic/help-with-consistency-of-input-field-borders#post-54790 Tue, 10 Apr 2012 15:07:50 +0000 Rob Harrell 54790@https://legacy.forums.gravityhelp.com/ <p>Your theme has this for the styling:</p> <pre><code>[css] #content form input[type=&quot;text&quot;], #content form input[type=&quot;password&quot;], #content form textarea { background: white url(images/content-form-bg.png) repeat; border: 1px solid #D9D7D2; padding: 5px 10px; float: left; clear: both; resize: none; }</code></pre> <p>See how it's only targeting certain input types? If you want it to target other input types you can just update it to do so, for example replacing that with this should do the trick:</p> <pre><code>[css] #content form input[type=&quot;text&quot;], #content form input[type=&quot;password&quot;], #content form textarea, #content form input[type=&quot;tel&quot;], #content form input[type=&quot;email&quot;], #content form input[type=&quot;url&quot;] { background: white url(images/content-form-bg.png) repeat; border: 1px solid #D9D7D2; padding: 5px 10px; float: left; clear: both; resize: none; }</code></pre> https://legacy.forums.gravityhelp.com/topic/help-with-consistency-of-input-field-borders#post-54789 Tue, 10 Apr 2012 15:04:26 +0000 dsaunderswa 54789@https://legacy.forums.gravityhelp.com/ <p>I've created a form that looks OK except that some input fields (cell space?) are not outlined with a border and some are. What can I do to have this look consistent? (see link to the form below)</p> <p><a href="http://184.172.172.19/~manda1a/coaching/free-consultation/" rel="nofollow">http://184.172.172.19/~manda1a/coaching/free-consultation/</a></p> <p>Here's a link to a different form created by the theme where the consistency looks very nice.</p> <p>Thank you.<br /> ;D </p>