https://legacy.forums.gravityhelp.com/topic/form-styling-and-spacing-problem-with-woothemes Gravity Support Forums Topic: Form styling and spacing problem with WooThemes en-US Thu, 23 Apr 2026 00:26:24 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-styling-and-spacing-problem-with-woothemes#post-91949 Fri, 16 Nov 2012 11:54:45 +0000 Rob Harrell 91949@https://legacy.forums.gravityhelp.com/ <p>Try dropping these styles into your theme's stylesheet:</p> <pre><code>[css] body .gform_wrapper .gfield, body .gform_wrapper .ginput_container { margin: 0; } body .gform_footer.top_label { text-align: center; } body .gform_wrapper .gform_title { font-size: 1.5em !important; } body .gform_wrapper { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; }</code></pre> <p>If you want to target just this specific form, you could instead use these rules:</p> <pre><code>[css] body #gform_wrapper_4 .gfield, body .gform_wrapper .ginput_container { margin: 0; } body #gform_wrapper_4 .gform_footer.top_label { text-align: center; } body #gform_wrapper_4 .gform_title { font-size: 1.5em !important; } body #gform_wrapper_4 { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; }</code></pre> <p>The form description area can hold HTML - so you can place an image via HTML in the description area. </p> https://legacy.forums.gravityhelp.com/topic/form-styling-and-spacing-problem-with-woothemes#post-91917 Fri, 16 Nov 2012 10:10:23 +0000 markbritton 91917@https://legacy.forums.gravityhelp.com/ <p>The form is on the link in my original post. My homepage: <a href="http://www.vocomedia.co.uk" rel="nofollow">http://www.vocomedia.co.uk</a> </p> https://legacy.forums.gravityhelp.com/topic/form-styling-and-spacing-problem-with-woothemes#post-91903 Fri, 16 Nov 2012 09:46:16 +0000 David Peralty 91903@https://legacy.forums.gravityhelp.com/ <p>Hi there, can you link to your form page please? None of these are Gravity Forms issues, but instead theme styling issues. </p> https://legacy.forums.gravityhelp.com/topic/form-styling-and-spacing-problem-with-woothemes#post-91847 Fri, 16 Nov 2012 07:37:28 +0000 markbritton 91847@https://legacy.forums.gravityhelp.com/ <p>As a paying customer am I going to get a response to this question? </p> https://legacy.forums.gravityhelp.com/topic/form-styling-and-spacing-problem-with-woothemes#post-90833 Tue, 13 Nov 2012 18:12:13 +0000 markbritton 90833@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I've added my for to a WooThemes template (<a href="http://www.vocomedia.co.uk)" rel="nofollow">http://www.vocomedia.co.uk)</a>, but have a few issues I'd like help with:</p> <p>1) I want the form to be a lot shorter. There's a lot of white space between fields and I can't seem to reduce this.</p> <p>2) I'd like to centre the submit button, but the code posted elsewhere on this forum doesn't work for my theme.</p> <p>3) I want to reduce the size of the title text and also include a small image. How do I add an image to the header of the form?</p> <p>4) I'd like to add rounded corners to the border of the form. Is there any easy way to do this that works in all browsers?</p> <p>Thanks - lots to learn! </p>