https://legacy.forums.gravityhelp.com/topic/adjust-widget-hight Gravity Support Forums Topic: Adjust widget height en-US Tue, 21 Apr 2026 12:12:05 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/adjust-widget-hight#post-23871 Thu, 21 Apr 2011 14:04:08 +0000 davidpg 23871@https://legacy.forums.gravityhelp.com/ <p>Ahh yes, label alignment, of course. Good answer, thanks for the help, I use all three editiors found in Fire Fox, Safari &amp; Chrome. Tons to learn, cheers.</p> <p>Cool website and portfolio by the way. </p> https://legacy.forums.gravityhelp.com/topic/adjust-widget-hight#post-23839 Thu, 21 Apr 2011 10:40:15 +0000 David Smith 23839@https://legacy.forums.gravityhelp.com/ <p>Another option would be to use the left aligned labels which can be configured under your form settings. This would be the labels on the same line as the inputs and save some vertical space. Other than that, just continue removing padding and margin per the instructions above and you'll be able to reduce the height as much as possible. </p> https://legacy.forums.gravityhelp.com/topic/adjust-widget-hight#post-23812 Wed, 20 Apr 2011 21:27:40 +0000 davidpg 23812@https://legacy.forums.gravityhelp.com/ <p>Thanks David for the answer, this seems to have done the trick. However, I wouldn't mind reducing the height further. I could reduce the size of the email box via GravityForm controls and would like to place the submit box next to the medium sized email field. Any further answers would be much appreciated.</p> <pre><code>[css] #gform_widget-3 .gform_wrapper .top_label .gfield_label { margin: 0 !important; } #gform_widget-3 .gform_wrapper .gform_heading { width: 98%; margin-bottom: 0; } #gform_widget-3 .gform_wrapper .gform_footer { margin: 0 !important; } #gform_widget-3 .gform_wrapper .gform_edit_link { margin: 0; }</code></pre> https://legacy.forums.gravityhelp.com/topic/adjust-widget-hight#post-23782 Wed, 20 Apr 2011 16:04:46 +0000 David Smith 23782@https://legacy.forums.gravityhelp.com/ <p>The widget ID is "#gform_widget-3". Using this, you can use CSS to target elements within this widget to reduce padding and margin. The more padding and margin you remove from various elements, the less the tall the widget will be. A quick example would be to remove the margin from the form labels:</p> <pre><code>[css] #gform_widget-3 .gform_wrapper .top_label .gfield_label { margin: 0 !important; }</code></pre> <p>That would go in your theme's <em>style.css</em> file. If you are using Firefox, download the Firebug add-on to easily target other elements with padding and margin within this widget. </p> https://legacy.forums.gravityhelp.com/topic/adjust-widget-hight#post-23775 Wed, 20 Apr 2011 15:17:08 +0000 davidpg 23775@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>Sure it's Http://www.Quadrantcourtportal dot co dot uk </p> https://legacy.forums.gravityhelp.com/topic/adjust-widget-hight#post-23774 Wed, 20 Apr 2011 15:10:44 +0000 David Smith 23774@https://legacy.forums.gravityhelp.com/ <p>Could you provide a link where we could view this page? </p> https://legacy.forums.gravityhelp.com/topic/adjust-widget-hight#post-23771 Wed, 20 Apr 2011 15:01:26 +0000 davidpg 23771@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I'm using the User Registration add on in a side with two simple fields only. However, the size is massive, it's about 300x250, so vertical real estate wastage aplenty.</p> <p>Can anyone advise how I alter the size of just the widget box using 'User-Registration' only and leave the other widgets untouched.</p> <p>Via Safari Web inspector I've tried to locate the class to amend, no luck. Is this a change I make via the CSS class name whilst building the form so it's of a particular height? </p>