https://legacy.forums.gravityhelp.com/topic/change-width-of-post-fields-body-to-less-than-small Gravity Support Forums Topic: change width of Post Fields Body to less than small en-US Tue, 21 Apr 2026 11:30:28 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/change-width-of-post-fields-body-to-less-than-small#post-3350 Fri, 12 Feb 2010 17:59:29 +0000 Carl Hancock 3350@https://legacy.forums.gravityhelp.com/ <p>Glad you got it working! </p> https://legacy.forums.gravityhelp.com/topic/change-width-of-post-fields-body-to-less-than-small#post-3349 Fri, 12 Feb 2010 17:53:04 +0000 Anonymous 3349@https://legacy.forums.gravityhelp.com/ <p>That has gotten me on the right track, as that changed the subject, but not the text area. I am using the free core theme from StudioPress and the Widget from Joust. The site is behind a firewall on an intranet, so I may have to put up another site to show you.</p> <p>Ok,<br /> #gform_wrapper_xx .top_label textarea.small</p> <p>Worked. Thank you for pointing me down the right path!!!!! </p> https://legacy.forums.gravityhelp.com/topic/change-width-of-post-fields-body-to-less-than-small#post-3343 Fri, 12 Feb 2010 16:13:37 +0000 Kevin Flahaut 3343@https://legacy.forums.gravityhelp.com/ <p>If you're using the "top label" setting, the out-of-the-box CSS settings should work fine unless there is some CSS inheritance issue from your theme.</p> <p>I have a test form in a sidebar using the default settings. You can see my <a href="http://grab.by/2nOf" rel="nofollow">screenshot</a>. The top two fields are set to "small" to demonstrate the size.</p> <p>You can target the "small" class by using a CSS snippet like the one below.</p> <pre><code>#gform_wrapper_xx .top_label input.small, #gform_wrapper_xx .top_label select.small { width:25%; }</code></pre> <p>You'll want to change the "#gform_wrapper_xx" to your actual form id, something more like "#gform_wrapper_1". You can then edit the width value to whatever you prefer, a percentage or fixed pixel width. You'll want to append this CSS to the bottom of your theme style sheet to get it all working correctly. </p> https://legacy.forums.gravityhelp.com/topic/change-width-of-post-fields-body-to-less-than-small#post-3342 Fri, 12 Feb 2010 16:01:38 +0000 Carl Hancock 3342@https://legacy.forums.gravityhelp.com/ <p>You will have to add some custom CSS to your themes stylesheet to override the default styles and adjust it to fit your sidebar.</p> <p>If you provide a link to a page where we can view it in action, i'm sure Kevin could give you some pointers on some CSS that can be added to style it so it fits in.</p> <p>Also remember when placing a form in a sidebar that you will want to stick to simple form fields as fields such as the complex Address field will probably hit size constraints real quick.</p> <p>Are you using Joost's Gravity Forms Widget code to place the form in the sidebar? </p> https://legacy.forums.gravityhelp.com/topic/change-width-of-post-fields-body-to-less-than-small#post-3340 Fri, 12 Feb 2010 14:37:36 +0000 Anonymous 3340@https://legacy.forums.gravityhelp.com/ <p>I need to put a form in a sidebar, and the small size weighing in at 50 columns is to wide. Is there a way to customize that size, via a variable, or css? </p>