https://legacy.forums.gravityhelp.com/topic/error-msgs-not-contained-in-my-widget-size Gravity Support Forums Topic: Error msgs not contained in my widget size en-US Tue, 21 Apr 2026 15:30:41 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/error-msgs-not-contained-in-my-widget-size#post-45201 Fri, 30 Dec 2011 15:14:43 +0000 Kevin Flahaut 45201@https://legacy.forums.gravityhelp.com/ <p>Your problem is a set height with an overflow on the div that contains your form. When the validation errors are displayed, the form is taller vertically so it gets cropped by the overflow on the parent container.</p> <pre><code>[css] .builder-module-4 .widget { height: 320px; width: 286px; }</code></pre> <p>You would need to override the default validation styles for that form (base the CSS inheritance off the form ID so it doesn't change all of your forms) to remove the padding, borders or whatever you need that forces the extra height. This snippet will get you started.. it appears that you'll have some more work to do because of other theme styles, but it should point you in the right direction.</p> <pre><code>[css] body #gform_wrapper_2.gform_wrapper div.validation_error { display: none } body #gform_wrapper_2.gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin-bottom: 0 !important; margin-top: 0 !important; } body #gform_wrapper_2.gform_wrapper li.gfield.gfield_error, body #gform_wrapper_2.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: none !important; border: none !important; margin-bottom: 0 !important; padding: 0 !important }</code></pre> <p>You could always make the parent container height taller by default to allow for the possibility of validation errors.</p> <p>Or, even another idea is to make the parent overflow property auto so if the form has the errors, you can still scroll through the form and submit it without the button being obfuscated.</p> <pre><code>[css] .builder-module-4 .widget { overflow-y: auto }</code></pre> <p>screenshot: <a href="http://bit.ly/uMZXOQ" rel="nofollow">http://bit.ly/uMZXOQ</a> </p> https://legacy.forums.gravityhelp.com/topic/error-msgs-not-contained-in-my-widget-size#post-45193 Fri, 30 Dec 2011 12:32:19 +0000 jmacmullen 45193@https://legacy.forums.gravityhelp.com/ <p>sorry about that <a href="http://trueffort.com" rel="nofollow">http://trueffort.com</a> </p> https://legacy.forums.gravityhelp.com/topic/error-msgs-not-contained-in-my-widget-size#post-45185 Fri, 30 Dec 2011 08:21:20 +0000 Rob Harrell 45185@https://legacy.forums.gravityhelp.com/ <p>Hey there, tried clicking on that URL in a few browsers but it's not resolving. Is that the correct link? </p> https://legacy.forums.gravityhelp.com/topic/error-msgs-not-contained-in-my-widget-size#post-45169 Fri, 30 Dec 2011 00:19:22 +0000 jmacmullen 45169@https://legacy.forums.gravityhelp.com/ <p><a href="http://trueffor.com" rel="nofollow">http://trueffor.com</a></p> <p>Go to the page and in the left hand corner I have my newsletter registration widget. Just click the submit button so you get an error. Is there a way to turn off the error highlighting since it's not fitting in the container and looks bad? Is there a way to just state "submission error" try again or something? </p>