https://legacy.forums.gravityhelp.com/topic/styling-the-widget Gravity Support Forums Topic: Styling the Widget en-US Mon, 20 Apr 2026 02:52:22 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/styling-the-widget#post-40778 Thu, 10 Nov 2011 17:36:22 +0000 Rob Harrell 40778@https://legacy.forums.gravityhelp.com/ <p>You got it, glad to help! Let me know if you run into any snags. :) </p> https://legacy.forums.gravityhelp.com/topic/styling-the-widget#post-40772 Thu, 10 Nov 2011 16:37:18 +0000 sticklechick 40772@https://legacy.forums.gravityhelp.com/ <p>Thanks, Rob. This is a big help. I can see where I went wrong. Was attempting to style gform_widget rather than gform_wrapper. I took a look at Firebug and understand exactly what you did. Thanks so much!</p> <p>p.s. am digging into the CSS tutorials to which the FAQ links. Thanks for pointing to that resource. </p> https://legacy.forums.gravityhelp.com/topic/styling-the-widget#post-40771 Thu, 10 Nov 2011 16:28:27 +0000 Rob Harrell 40771@https://legacy.forums.gravityhelp.com/ <p>Try this out:</p> <pre><code>[css] #gform_wrapper_5 ul { padding: 0; } #field_5_2 { width: 570px; }</code></pre> <p>Your theme is setting padding on the ul's in the sidebar. For the name, you can use the "simple" format in the field options in the formbuilder tool so it just shows one line. Then you can target that field's ID width as well in the CSS. </p> https://legacy.forums.gravityhelp.com/topic/styling-the-widget#post-40767 Thu, 10 Nov 2011 16:15:14 +0000 sticklechick 40767@https://legacy.forums.gravityhelp.com/ <p>So I've searched the forums, documentation and FAQs, but am still baffled as to how to change the formatting within the Gravity Form widget on this page: [DEAD LINK] </p> <p>I'm running into two issues:</p> <p>1. Alignment/padding: the form elements are indented. I've tried monkeying with the CSS for the gravity widget, but nothing seems to work. Clearly I'm missing something.</p> <p>2. The text entry fields are really short. Is there an easy way to stack the Name fields on top of each other rather than have them appear on one line, which makes for small entry fields? And would that increase the size of the Email entry field as well?</p> <p>Many thanks from a CSS-challenged person. </p>