https://legacy.forums.gravityhelp.com/topic/increase-height-of-form-fields Gravity Support Forums Topic: Increase height of form fields en-US Wed, 22 Apr 2026 16:30:51 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/increase-height-of-form-fields#post-73184 Wed, 29 Aug 2012 20:34:49 +0000 Rob Harrell 73184@https://legacy.forums.gravityhelp.com/ <p>Erik, thanks for your kind words and your support as well. We're glad to help out! </p> https://legacy.forums.gravityhelp.com/topic/increase-height-of-form-fields#post-73173 Wed, 29 Aug 2012 18:41:12 +0000 erik_s 73173@https://legacy.forums.gravityhelp.com/ <p>OK! I got it to work. I am using Headway and it was as simple as just placing the code you gave me into the live css editor. Thanks again.</p> <p>I just got started with Gravity Forms a couple of days ago and have had to ask for the help on the forum a few times already and you guys have been great. I wasn't entirely sure that spending the money on the developers licence was going to be worth it for me, but I has been. </p> <p>Thanks again. </p> https://legacy.forums.gravityhelp.com/topic/increase-height-of-form-fields#post-73172 Wed, 29 Aug 2012 18:15:06 +0000 erik_s 73172@https://legacy.forums.gravityhelp.com/ <p>Thanks. You guys are amazing. So far I have not been able to make it work but I am not very knowledgeable about these things. I'm sure that after a little investigation I will have some success.</p> <p>Thanks again. </p> https://legacy.forums.gravityhelp.com/topic/increase-height-of-form-fields#post-73072 Wed, 29 Aug 2012 09:57:08 +0000 Rob Harrell 73072@https://legacy.forums.gravityhelp.com/ <p>Drop this into your theme's stylesheet. Each theme is different, so your theme's documentation might tell you where the ideal place for you to put it would be.</p> <pre><code>[css] .gform_wrapper input[type=&quot;text&quot;], .gform_wrapper input[type=&quot;url&quot;], .gform_wrapper input[type=&quot;email&quot;], .gform_wrapper input[type=&quot;tel&quot;], .gform_wrapper input[type=&quot;number&quot;], .gform_wrapper input[type=&quot;password&quot;] { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; height: 25px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/increase-height-of-form-fields#post-73015 Tue, 28 Aug 2012 22:23:19 +0000 erik_s 73015@https://legacy.forums.gravityhelp.com/ <p>Thank You! That would be great. </p> <p>When you say "link to my form" do you mean that you need a link to the page that is using the form? or something else?</p> <p>Here's the page:<br /> <a href="http://templemountaintea.com/new-user-registration/" rel="nofollow">http://templemountaintea.com/new-user-registration/</a></p> <p>Also, can you tell me where I insert the CSS that I want to use?</p> <p>Thanks for your help. </p> https://legacy.forums.gravityhelp.com/topic/increase-height-of-form-fields#post-73007 Tue, 28 Aug 2012 20:51:39 +0000 David Peralty 73007@https://legacy.forums.gravityhelp.com/ <p>If you can link to your form, one of our team could potentially help you write the CSS you'll need to make the change you want. </p> https://legacy.forums.gravityhelp.com/topic/increase-height-of-form-fields#post-72997 Tue, 28 Aug 2012 18:05:08 +0000 erik_s 72997@https://legacy.forums.gravityhelp.com/ <p>Right now the form fields on my user registration page look like this:<br /> <a href="http://i179.photobucket.com/albums/w309/buddha614/ScreenShot2012-08-28at34913PM.png" rel="nofollow">http://i179.photobucket.com/albums/w309/buddha614/ScreenShot2012-08-28at34913PM.png</a></p> <p>And I would like them to look more like this:<br /> <a href="http://i179.photobucket.com/albums/w309/buddha614/fields1.png" rel="nofollow">http://i179.photobucket.com/albums/w309/buddha614/fields1.png</a></p> <p>I would like to increase the height.</p> <p>I found some documentation here:<br /> <a href="http://www.gravityhelp.com/frequently-asked-questions/faq-styling-formatting/" rel="nofollow">http://www.gravityhelp.com/frequently-asked-questions/faq-styling-formatting/</a></p> <p>With additional instructions here:<br /> <a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a></p> <p>The instructions are asking me to do this:<br /> "you would simply view your source, find the form ID and replace the ID in my examples with your own."</p> <p>Are there any more detailed instructions than this anywhere? Something that is step by step? Nothing in the two above links makes any sense to me. </p> <p>Can I simply do this by adding a css class name in the form editor? And if so what would I add. None of the ready class stuff I found applied to what I am trying to do. </p> <p>Thanks for any help. </p>