https://legacy.forums.gravityhelp.com/topic/wrapper-custom-width-and-height-in-widget-area Gravity Support Forums Topic: Wrapper - Custom Width and Height in widget area en-US Wed, 22 Apr 2026 11:17:11 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/wrapper-custom-width-and-height-in-widget-area#post-68215 Fri, 27 Jul 2012 11:18:22 +0000 Kevin Flahaut 68215@https://legacy.forums.gravityhelp.com/ <p>No worries. It's usually the little syntax things that drive you bonkers. I'm happy I could help out. </p> https://legacy.forums.gravityhelp.com/topic/wrapper-custom-width-and-height-in-widget-area#post-68211 Fri, 27 Jul 2012 11:06:06 +0000 arothafel 68211@https://legacy.forums.gravityhelp.com/ <p>Worked like a charm...! Thanks so much, Kevin... for helping us noobies...! </p> https://legacy.forums.gravityhelp.com/topic/wrapper-custom-width-and-height-in-widget-area#post-68210 Fri, 27 Jul 2012 11:00:32 +0000 Kevin Flahaut 68210@https://legacy.forums.gravityhelp.com/ <p>The problem is that your CSS rule was wrong and the element wasn't being properly targeted. The wrapper is an ID and not a class. ( # sign instead of a . ) Try this, it should work for you.</p> <pre><code>[css] #gform_wrapper_3 { width:300px; !important; height:170px; !important; } #gform_wrapper_3 h3.gform_title { white-space:nowrap }</code></pre> <p>screenshot: <a href="http://grab.by/f13m" rel="nofollow">http://grab.by/f13m</a></p> <p>notice I also added in a rule to prevent the wrapping on the title.</p> <p>Hope that helps </p> https://legacy.forums.gravityhelp.com/topic/wrapper-custom-width-and-height-in-widget-area#post-68197 Fri, 27 Jul 2012 09:03:00 +0000 arothafel 68197@https://legacy.forums.gravityhelp.com/ <p>Granted, I'm new to GF and I've been looking for an answer that seems like it should be simple, but can't find it.</p> <p>What css insert do I need to specify height and width of a form wrapper? And, how do I get the title text to NOT wrap? It seems that no matter what I do on the form title... it wants to wrap to two lines instead of one. If I edit the text to be less words... the form wrapper shrinks and still wraps to two lines...! I'm stuck.</p> <p>What I want is width: 300px and height: 150px (way too much dead space at the "submit" area)</p> <p>Here's the form at the top of the page: <a href="http://www.rhsmsj72.com/" rel="nofollow">http://www.rhsmsj72.com/</a></p> <p>Here's the css insert I attempted to no avail:<br /> <pre><code>.gform_wrapper_3 { width:300px; !important; height:200px; !important; }</code></pre>