https://legacy.forums.gravityhelp.com/topic/form-layout-assistance Gravity Support Forums Topic: Form Layout Assistance en-US Sat, 04 Apr 2026 20:21:09 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-layout-assistance#post-171375 Thu, 14 Mar 2013 14:57:20 +0000 Chris Hajer 171375@https://legacy.forums.gravityhelp.com/ <p>Something like this:</p> <pre><code>[css] body .gform_wrapper fieldset input.medium, body .gform_wrapper fieldset input.small { line-height: 1.8em; font-size: 1.6em; }</code></pre> <p>You could combine that with the previous rules if you wanted to. </p> https://legacy.forums.gravityhelp.com/topic/form-layout-assistance#post-171371 Thu, 14 Mar 2013 14:49:19 +0000 peschelnet 171371@https://legacy.forums.gravityhelp.com/ <p>Perfect one last change and than I'm out of your hair.</p> <p>The Field Set Input Boxes (the space where the text shows up in the input boxes) what is the CSS for changing the size of the Box and the Text in the box?</p> <p>Thx</p> <p>Shawn </p> https://legacy.forums.gravityhelp.com/topic/form-layout-assistance#post-171342 Thu, 14 Mar 2013 13:33:36 +0000 Chris Hajer 171342@https://legacy.forums.gravityhelp.com/ <p>More CSS here. Add this to one of your theme's stylesheets:</p> <pre><code>[css] body .gform_wrapper fieldset { width: 50%; }</code></pre> https://legacy.forums.gravityhelp.com/topic/form-layout-assistance#post-171338 Thu, 14 Mar 2013 13:31:24 +0000 peschelnet 171338@https://legacy.forums.gravityhelp.com/ <p>Thank you again.</p> <p>One last edit/question on the Field Set. The "Box" extends all the way to the right of the page I would like to bring that in a bit to say half the width of the page. Can you point me to where I would make that adjustment?</p> <p>Thank you,</p> <p>Shawn </p> https://legacy.forums.gravityhelp.com/topic/form-layout-assistance#post-171303 Thu, 14 Mar 2013 12:43:51 +0000 Chris Hajer 171303@https://legacy.forums.gravityhelp.com/ <p>Try this CSS instead:</p> <pre><code>[css] body .gform_wrapper fieldset input.small { width:5%!important; } body .gform_wrapper fieldset input.medium { width:10%!important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/form-layout-assistance#post-171254 Thu, 14 Mar 2013 11:21:28 +0000 peschelnet 171254@https://legacy.forums.gravityhelp.com/ <p>Thank you.</p> <p>I played with the Field Size by adding this CSS to the end of my style.css but, it's not working for items in the Fields Set. Why?</p> <p>.gform_wrapper<br /> .top_label input.small,<br /> .gform_wrapper<br /> .top_label select.small<br /> {<br /> width:5% !important;<br /> }</p> <p>.gform_wrapper<br /> .top_label input.medium,<br /> .gform_wrapper<br /> .top_label select.medium<br /> {<br /> width:10% !important;<br /> } </p> https://legacy.forums.gravityhelp.com/topic/form-layout-assistance#post-171243 Thu, 14 Mar 2013 11:09:24 +0000 Chris Hajer 171243@https://legacy.forums.gravityhelp.com/ <p>Please see our response time commitments here:<br /> <a href="http://www.gravityhelp.com/support-times/" rel="nofollow">http://www.gravityhelp.com/support-times/</a></p> <p>Also, bumping the topic moves you further away from getting assistance, because we normally try to go from oldest to newest, and when you add a reply, you reset the clock, and the topic appears newer than it is.</p> <p>That said, you can format a field as currency by using this approach:<br /> <a href="http://gravitywiz.com/format-field-as-currency/" rel="nofollow">http://gravitywiz.com/format-field-as-currency/</a></p> <p>Or, you can add this CSS to one of your theme's stylesheets to get it to look like your screenshot:</p> <pre><code>[css] #field_1_7 .ginput_container:after, #field_1_12 .ginput_container:after, #field_1_13 .ginput_container:after, #field_1_18 .ginput_container:after, #field_1_14 .ginput_container:after { content: &quot;%&quot;; } #field_1_17 .ginput_container:before, #field_1_6 .ginput_container:before, #field_1_8 .ginput_container:before, #field_1_9 .ginput_container:before, #field_1_11 .ginput_container:before, #field_1_10 .ginput_container:before, #field_1_15 .ginput_container:before, #field_1_16 .ginput_container:before { content: &quot;$ &quot;; }</code></pre> <p>Screenshot: <a href="http://minus.com/lbkxUx9wKU6lpe" rel="nofollow">http://minus.com/lbkxUx9wKU6lpe</a></p> <p>From the screenshot, it looks like you want the percentage fields to be narrower? You can adjust the size in the form builder by using the drop down for "Field Size" (small, medium or large) on the advanced tab. Screenshot: <a href="http://minus.com/lJkYPrybfueLt" rel="nofollow">http://minus.com/lJkYPrybfueLt</a></p> <p>Or we can add CSS again to change the width of individual fields to some specific width if the drop down is not accurate enough for you. </p> https://legacy.forums.gravityhelp.com/topic/form-layout-assistance#post-170393 Wed, 13 Mar 2013 21:26:12 +0000 peschelnet 170393@https://legacy.forums.gravityhelp.com/ <p>Any chance of getting some assistance with this? </p> https://legacy.forums.gravityhelp.com/topic/form-layout-assistance#post-168991 Tue, 12 Mar 2013 14:11:49 +0000 peschelnet 168991@https://legacy.forums.gravityhelp.com/ <p>Hello.</p> <p>I have a couple of layout questions so I've attached a screen shot of what I want to do.</p> <p>1) Change the width of the Fields<br /> 2) Add the "$" to some of the Fields<br /> 3) Add the "%" to the back of some of the fields</p> <p>If you go to the link below you can see how it currently looks<br /> <a href="http://www.mtvistahomes.com/tax-benefits-of-home-ownership/" rel="nofollow">http://www.mtvistahomes.com/tax-benefits-of-home-ownership/</a></p> <p>The link below is of how I would like it to look.<br /> <a href="http://i49.tinypic.com/14m48dt.png" rel="nofollow">http://i49.tinypic.com/14m48dt.png</a></p> <p>Thank you</p> <p>Shawn </p>