https://legacy.forums.gravityhelp.com/topic/editing-error-boxes Gravity Support Forums Topic: Editing Error Boxes en-US Mon, 20 Apr 2026 00:56:36 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/editing-error-boxes#post-185715 Tue, 26 Mar 2013 15:27:37 +0000 Rob Harrell 185715@https://legacy.forums.gravityhelp.com/ <p>No problem, glad to help! </p> https://legacy.forums.gravityhelp.com/topic/editing-error-boxes#post-185714 Tue, 26 Mar 2013 15:27:15 +0000 gsbz2 185714@https://legacy.forums.gravityhelp.com/ <p>Thanks for the info. that worked! And thanks for your assistance!!! </p> https://legacy.forums.gravityhelp.com/topic/editing-error-boxes#post-185276 Tue, 26 Mar 2013 08:56:32 +0000 Rob Harrell 185276@https://legacy.forums.gravityhelp.com/ <p>This should do the trick for you:</p> <pre><code>[css] body .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 0; }</code></pre> https://legacy.forums.gravityhelp.com/topic/editing-error-boxes#post-184900 Tue, 26 Mar 2013 03:21:10 +0000 gsbz2 184900@https://legacy.forums.gravityhelp.com/ <p>Thanks for your assistance! I think I have resolved the blue box issue, and the styling will work for the time being. Can you tell me how I can eliminate/reduce the space between the titles and the input boxes on the error page. I would like the format to look similar to contact me pages. I have tried using Firebug to inspect the elements, but I am not finding anything to correct the issue. </p> https://legacy.forums.gravityhelp.com/topic/editing-error-boxes#post-184379 Mon, 25 Mar 2013 18:35:01 +0000 David Peralty 184379@https://legacy.forums.gravityhelp.com/ <p>There is a rule in your style.css creating the blue boxes upon error: </p> <pre><code>#wrap .gform_wrapper .gfield_error { background-color: #3399FF!important; margin: 5px 0 !important; padding: 0!important; }</code></pre> <p>If you change it to background-color: none!important; or remove the color call then it won't have the big blue box. </p> https://legacy.forums.gravityhelp.com/topic/editing-error-boxes#post-184374 Mon, 25 Mar 2013 18:30:20 +0000 gsbz2 184374@https://legacy.forums.gravityhelp.com/ <p><a href="http://gwynbollinger.com/test/contact-me/" rel="nofollow">http://gwynbollinger.com/test/contact-me/</a><br /> This is the only form I am using presently, and I would just like to edit this instance.<br /> I would like to keep the error message, but eliminate the large "blue" boxes. As I mentioned, I would prefer to just highlight the box border and change the background of the box.<br /> Thanks for your prompt reply--- </p> https://legacy.forums.gravityhelp.com/topic/editing-error-boxes#post-184371 Mon, 25 Mar 2013 18:25:00 +0000 Rob Harrell 184371@https://legacy.forums.gravityhelp.com/ <p>Do you have a link to your form? Another big question, do you want to edit the error styles for all forms, or only this specific form in this specific instance? </p> https://legacy.forums.gravityhelp.com/topic/editing-error-boxes#post-184358 Mon, 25 Mar 2013 18:04:13 +0000 gsbz2 184358@https://legacy.forums.gravityhelp.com/ <p>The format of my form is thrown off with the error message "There was a problem with your submission and the errors have been highlighted below." and I don't have enough room for the message and the huge highlighted boxes.</p> <p>To resolve this issue, I would like to just change the color of the input box border and background of the input box. Can you tell me how, I should edited the css code to accomplish this? </p>