https://legacy.forums.gravityhelp.com/topic/can-i-change-the-input-field-box-size-for-individual-fields Gravity Support Forums Topic: Can I change the input field box size for individual fields? en-US Sun, 12 Apr 2026 06:24:45 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/can-i-change-the-input-field-box-size-for-individual-fields#post-23831 Thu, 21 Apr 2011 08:20:41 +0000 Kevin Flahaut 23831@https://legacy.forums.gravityhelp.com/ <p>You would view your page source, locate the field that you need and then you'll see the id displayed in the markup.</p> <p>screenshot: <a href="http://grab.by/9VZ4" rel="nofollow">http://grab.by/9VZ4</a></p> <p>This is a lot easier to do with the built in development tools into the Chrome or Safari browsers. You can right-click on the input and then select "inspect element" ( Chrome screenshot: <a href="http://grab.by/9VZi" rel="nofollow">http://grab.by/9VZi</a> ) and it will locate that for you in the markup. I personally use the <a href="http://getfirebug.com/" rel="nofollow">Firebug plugin</a> for Firefox. It works very similar to the others, but I think it's superior in many ways. </p> https://legacy.forums.gravityhelp.com/topic/can-i-change-the-input-field-box-size-for-individual-fields#post-23816 Thu, 21 Apr 2011 01:15:00 +0000 travin 23816@https://legacy.forums.gravityhelp.com/ <p>Please excuse my ignorance but how exactly do I find my item's element id? Say for instance I am trying to do the same think Jami wants to on a single line text field with the form id of 3. The text field is the fourth field down from the top.</p> <p>Thanks again. </p> https://legacy.forums.gravityhelp.com/topic/can-i-change-the-input-field-box-size-for-individual-fields#post-22491 Tue, 05 Apr 2011 02:20:36 +0000 Kevin Flahaut 22491@https://legacy.forums.gravityhelp.com/ <p>Hi Jami.</p> <p>Yes, you can target individual fields with CSS</p> <p>example: standard text field (input) – applies just to specific text field (based on the unique parent element ID – replace “XX_X” with your actual element ID)</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield input[type=text] {width:100px}</code></pre> <p>There is also a small, medium and large setting in the form editor that you can apply to each field without having to add any CSS rules.</p> <p>Here's the CSS targeting guide for future reference as well. There are lots of samples that you might like to check out.</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a> </p> https://legacy.forums.gravityhelp.com/topic/can-i-change-the-input-field-box-size-for-individual-fields#post-22490 Tue, 05 Apr 2011 02:08:25 +0000 Jamisoloman 22490@https://legacy.forums.gravityhelp.com/ <p>Hi Guys,</p> <p>Today is my first day of using Gravity Forms and I'm absolutely loving it already! </p> <p>I am looking to create a survey and would like to know if it's possible (if so how) to change the input field box size for individual fields?</p> <p>My survey is the same as this one: <a href="http://teresagambaro.com/out-about-in-brisbane/surveys-and-petitions/general-survey/" rel="nofollow">http://teresagambaro.com/out-about-in-brisbane/surveys-and-petitions/general-survey/</a></p> <p>Thanks</p> <p>Jami </p>