PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Trying to remove or change color of yellow box on submit confirmation page.

  1. The url is: http://hiltonweb.serveronline.net/sandbox/?page_id=30

    In the form editor, I used "submit_idea" as my CSS Class Name in the Advanced tab of the first form title module.

    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.

    I tried the following line of css first:
    #gforms_confirmation_message .submit_idea {background-color: none; }

    Then I tried it like this:
    .submit_idea #gforms_confirmation_message {background-color: none; }

    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.

    Thanks!

    Posted 13 years ago on Tuesday January 11, 2011 | Permalink
  2. 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.

    You can find out how to properly target the confirmation message and other form elements here.

    http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/#formconfirmation

    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.

    Posted 13 years ago on Tuesday January 11, 2011 | Permalink
  3. Thanks for the reply and link, Kevin.

    Unless I'm just missing something fundamental, it looks like a pretty straight-forward CSS declaration.

    Following the Form Confirmation instructions from the link, I used the following code but it didn't work:

    body #gforms_confirmation_message {background-color:#F2EBD9;}

    I also tried:

    body #gforms_confirmation_message .submit_idea {background-color:#F2EBD9;}

    I entered the "submit_idea" in the "CSS Class Name" field under the Advanced tab in the Form Title box.

    If it makes any difference, I'm using the Carrington Blog Theme and it doesn't have a simple style.css page.

    Posted 13 years ago on Tuesday January 11, 2011 | Permalink
  4. Yes, just simple CSS really. I just checked your form. It looks like the first declaration is working properly.

    body #gforms_confirmation_message {background-color:#F2EBD9;}

    The background color has changed.

    screenshot: http://grab.by/8k0w

    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.

    Posted 13 years ago on Tuesday January 11, 2011 | Permalink
  5. 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.

    Posted 13 years ago on Tuesday January 11, 2011 | Permalink

This topic has been resolved and has been closed to new replies.