https://legacy.forums.gravityhelp.com/topic/trying-to-remove-or-change-color-of-yellow-box-on-submit-confirmation-page Gravity Support Forums Topic: Trying to remove or change color of yellow box on submit confirmation page. en-US Mon, 20 Apr 2026 02:57:35 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/trying-to-remove-or-change-color-of-yellow-box-on-submit-confirmation-page#post-15995 Tue, 11 Jan 2011 17:32:29 +0000 badwood 15995@https://legacy.forums.gravityhelp.com/ <p>Thanks again for the link. I think that will help me out a lot. I refreshed and, you're right, this first declaration worked after all. </p> https://legacy.forums.gravityhelp.com/topic/trying-to-remove-or-change-color-of-yellow-box-on-submit-confirmation-page#post-15994 Tue, 11 Jan 2011 17:19:51 +0000 Kevin Flahaut 15994@https://legacy.forums.gravityhelp.com/ <p>Yes, just simple CSS really. I just checked your form. It looks like the first declaration is working properly. </p> <p><code>body #gforms_confirmation_message {background-color:#F2EBD9;}</code></p> <p>The background color has changed.</p> <p>screenshot: <a href="http://grab.by/8k0w" rel="nofollow">http://grab.by/8k0w</a></p> <p>As a note, if you view the confirmation page source and search for "submit_idea" you'll find it doesn't show up there. That said, trying to target your CSS for it won't get you anywhere. </p> https://legacy.forums.gravityhelp.com/topic/trying-to-remove-or-change-color-of-yellow-box-on-submit-confirmation-page#post-15991 Tue, 11 Jan 2011 16:42:49 +0000 badwood 15991@https://legacy.forums.gravityhelp.com/ <p>Thanks for the reply and link, Kevin.</p> <p>Unless I'm just missing something fundamental, it looks like a pretty straight-forward CSS declaration.</p> <p>Following the Form Confirmation instructions from the link, I used the following code but it didn't work:</p> <p><code>body #gforms_confirmation_message {background-color:#F2EBD9;}</code></p> <p>I also tried:</p> <p><code>body #gforms_confirmation_message .submit_idea {background-color:#F2EBD9;}</code></p> <p>I entered the "submit_idea" in the "CSS Class Name" field under the Advanced tab in the Form Title box.</p> <p>If it makes any difference, I'm using the Carrington Blog Theme and it doesn't have a simple style.css page. </p> https://legacy.forums.gravityhelp.com/topic/trying-to-remove-or-change-color-of-yellow-box-on-submit-confirmation-page#post-15984 Tue, 11 Jan 2011 15:36:44 +0000 Kevin Flahaut 15984@https://legacy.forums.gravityhelp.com/ <p>I looked at your form confirmation and there is no "submit_idea" class there. If you applied that to something in your form, it doesn't carry over to the confirmation page.</p> <p>You can find out how to properly target the confirmation message and other form elements here.</p> <p><a href="http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/#formconfirmation" rel="nofollow">http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/#formconfirmation</a></p> <p>No, currently there's no way to view the confirmation without submitting the form. You can always test on a dummy install or duplicate form then delete the entries when you're done. </p> https://legacy.forums.gravityhelp.com/topic/trying-to-remove-or-change-color-of-yellow-box-on-submit-confirmation-page#post-15978 Tue, 11 Jan 2011 14:29:11 +0000 badwood 15978@https://legacy.forums.gravityhelp.com/ <p>The url is: <a href="http://hiltonweb.serveronline.net/sandbox/?page_id=30" rel="nofollow">http://hiltonweb.serveronline.net/sandbox/?page_id=30</a></p> <p>In the form editor, I used "submit_idea" as my CSS Class Name in the Advanced tab of the first form title module.</p> <p>I am using the Carrington Blog and I tried adding a line of CSS to the carrington-blog.css file in the theme css folder.</p> <p>I tried the following line of css first:<br /> <code>#gforms_confirmation_message .submit_idea {background-color: none; }</code></p> <p>Then I tried it like this:<br /> <code>.submit_idea #gforms_confirmation_message {background-color: none; }</code></p> <p>I also would like to know if there is a way I can test this page without having to submit the form every time I want to view the change.</p> <p>Thanks! </p>