https://legacy.forums.gravityhelp.com/topic/custom-field-size Gravity Support Forums Topic: Custom Field Size en-US Wed, 22 Apr 2026 09:38:19 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/custom-field-size#post-65164 Sat, 07 Jul 2012 08:26:40 +0000 Rob Harrell 65164@https://legacy.forums.gravityhelp.com/ <p>Place both of these, adjust the width as necessary:</p> <pre><code>[css] #input_2_7_3_container { width: 25%; } #input_2_7_6_container { float: none; }</code></pre> https://legacy.forums.gravityhelp.com/topic/custom-field-size#post-65107 Fri, 06 Jul 2012 21:58:45 +0000 triceratops 65107@https://legacy.forums.gravityhelp.com/ <p>Thanks.<br /> That just moved it a few pixels to the left unfortunately. Anything else I could try?</p> <p>Mark </p> https://legacy.forums.gravityhelp.com/topic/custom-field-size#post-64970 Fri, 06 Jul 2012 06:56:09 +0000 Rob Harrell 64970@https://legacy.forums.gravityhelp.com/ <p>Try placing this:</p> <pre><code>[css] #input_2_7_6_container { float: none; }</code></pre> https://legacy.forums.gravityhelp.com/topic/custom-field-size#post-64949 Thu, 05 Jul 2012 23:37:40 +0000 triceratops 64949@https://legacy.forums.gravityhelp.com/ <p>Here it is ...<br /> <a href="http://www.starlightstudio.jp/wordpress/?page_id=54" rel="nofollow">http://www.starlightstudio.jp/wordpress/?page_id=54</a></p> <p>Thanks. </p> https://legacy.forums.gravityhelp.com/topic/custom-field-size#post-64942 Thu, 05 Jul 2012 22:08:51 +0000 Rob Harrell 64942@https://legacy.forums.gravityhelp.com/ <p>Mark, do you have a link to your form? </p> https://legacy.forums.gravityhelp.com/topic/custom-field-size#post-64941 Thu, 05 Jul 2012 22:06:07 +0000 triceratops 64941@https://legacy.forums.gravityhelp.com/ <p>Thanks! Putting this in style.css worked ....<br /> <pre><code>[css] #input_2_7_3 { width: 30% !important; } #input_2_7_6 { width: 30% !important; }</code></pre> <p>Just one final question if you don't mind. I would like to move the last name field to the left so ther isn't a big space in between the two fields. Is there an easy way to do this?</p> <p>Thanks<br /> Mark </p> https://legacy.forums.gravityhelp.com/topic/custom-field-size#post-63447 Sun, 24 Jun 2012 08:05:27 +0000 Rob Harrell 63447@https://legacy.forums.gravityhelp.com/ <p>You will need to resort to CSS for custom width sizing if the preset sizes don't work for you. You can do this globally by applying a class to each of the fields and setting the style one time (which, to me seems a lot easier in the long run as you make more forms - to just drop a class in that is defined in your stylesheet, rather than recreating it in the admin each time).</p> <p>Not sure what your goal is for positioning, but we have these ready classes for use:<br /> <a href="http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes</a> </p> https://legacy.forums.gravityhelp.com/topic/custom-field-size#post-63429 Sat, 23 Jun 2012 19:44:39 +0000 dn11233455 63429@https://legacy.forums.gravityhelp.com/ <p>I figured out how to set the maximum length. I just had to use a standard text field. Still no easy way to position or resize the boxes, but I like just about everything else about Gravity Forms. </p> https://legacy.forums.gravityhelp.com/topic/custom-field-size#post-63415 Fri, 22 Jun 2012 23:26:17 +0000 dn11233455 63415@https://legacy.forums.gravityhelp.com/ <p>I got Gravity Forms today and I am still not sure what to make of it. My biggest problem is that I have absolutely no frontend way to change the position of the labels or the size of the textboxes. I know this can be done with CSS, but is there any way to do it in the frontend? Considering I was able to do with with Contact Form 7 I just figured it would be a feature but it is not. It may seem trivial, but in many cases my forms need to be a certain size and when the zip code field is twice as big as it should be (even when set to the small field size) and when I have no way to set a max length on anything it gets incredibly annoying. I could do the styling with CSS, but I have multiple forms and I don't want to have to write CSS code every single time (after all I bought this plugin for its ease of use). Is there any quick frontend way to change the size to a custom (not preset) value? If not, is there a plugin I can use? </p>