https://legacy.forums.gravityhelp.com/topic/responsive-template-field-width Gravity Support Forums Topic: Responsive template / field width en-US Wed, 22 Apr 2026 12:55:54 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/responsive-template-field-width#post-69798 Tue, 07 Aug 2012 01:24:31 +0000 Chris Hajer 69798@https://legacy.forums.gravityhelp.com/ <p>Outstanding. Thank you for the update. </p> https://legacy.forums.gravityhelp.com/topic/responsive-template-field-width#post-69759 Mon, 06 Aug 2012 19:26:00 +0000 mlemmond 69759@https://legacy.forums.gravityhelp.com/ <p>Works great, thanks! </p> https://legacy.forums.gravityhelp.com/topic/responsive-template-field-width#post-69432 Fri, 03 Aug 2012 21:27:58 +0000 Chris Hajer 69432@https://legacy.forums.gravityhelp.com/ <p>Can you try using the <strong>!important</strong> rule to be sure your CSS rules override all the others?</p> <p>Here's a quick explanation of the rule:<br /> <a href="http://webdesign.about.com/od/css/f/blcssfaqimportn.htm" rel="nofollow">http://webdesign.about.com/od/css/f/blcssfaqimportn.htm</a></p> <p>For one of your selectors, the modified CSS would look like this:</p> <pre><code>[css] .gform_wrapper { margin: -20px 0px -10px 0px!important; padding: 0px 0px 0px 0px!important; }</code></pre> <p>If you prefer not to use the !important rule, you will have to make your CSS selectors more specific.<br /> <a href="http://css-tricks.com/specifics-on-css-specificity/" rel="nofollow">http://css-tricks.com/specifics-on-css-specificity/</a> </p> https://legacy.forums.gravityhelp.com/topic/responsive-template-field-width#post-69426 Fri, 03 Aug 2012 20:49:49 +0000 mlemmond 69426@https://legacy.forums.gravityhelp.com/ <p>I've read other posts and can't seem to fix my problem. </p> <p>I have a responsive template and I know where to edit the width of the fields and submit button in the CSS. I can change the submit button width using percentages but I can't seem to change the width of the fields in percentage (or px for that matter). Why? Is this an issue with the field size selector? (Small / Medium / Large). </p> <p>Here is my site: <a href="http://www.lemmonddesign.dreamhosters.com/" rel="nofollow">http://www.lemmonddesign.dreamhosters.com/</a>. </p> <p>Below is the code I have in the smallest size. I can edit the submit button width but not the input fields. </p> <p>Help!<br /> <pre><code>.gform_wrapper { margin: -20px 0px -10px 0px; padding: 0px 0px 0px 0px; } body .gform_wrapper .gfield_required { display: none; width: 100%; } .gform_wrapper .gform_body .gform_fields .gf_inline { margin: 0px -10px 0px 0px; width: 100%; } #input_1_4 { height: 36px; padding: 9px 0 9px 0; width: 100%; } /*---Edit Submit Button in GF---*/ .gform_wrapper .gform_footer .button { float: none; height: 36px; width: 20%; margin: 0px 0px 0px 0px; }</code></pre>