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.

Changing Background color of confirmation box?

  1. Hi,
    I'm not super fluent in CSS, but can someone tell me how to change the background color of the confirmation message on my form?

    I just installed the newest version, and have not tweaked anything yet. For some reason the background color is yellow, and I'd like it to be white. Here's a screenshot of what I'm talking about:

    [IMG]http://www.mauricephoto.com/art/contactform.jpg[/IMG]

    Thanks,
    Maurice

    Posted 14 years ago on Tuesday April 27, 2010 | Permalink
  2. That is the default. You would need to add some custom CSS to your themes stylesheet to change it to whatever color you want. If you post a link to one of your forms we can look at your site and suggest a CSS change to accomplish what you want to do.

    Posted 14 years ago on Tuesday April 27, 2010 | Permalink
  3. Thanks, this is the page of the form:

    http://www.mauricephoto.com/contact

    Posted 14 years ago on Tuesday April 27, 2010 | Permalink
  4. Here is the easiest way for you to accomplish what you want to do.

    1. Copy the contents of all the CSS in the gravityforms/css/forms.css file and paste it into your themes stylesheet below the rest of your theme styles.

    2. Turn off Gravity Forms CSS output so that it will then use the styles that reside in your themes stylesheet. You do this by going to Forms > Settings in WordPress and turning OFF the CSS Output.

    3. Edit the forms related styles that are now in your themes stylesheet. The specific CSS you would need to edit is the block below.

    {background-color:#fffac6; border:1px solid #feda70; margin-top:10px; margin-bottom:10px; padding:20px 0; font-size:14px; color:#252525; text-align:center}

    You will just tweak that to your liking (background color, etc.) and you should be good to go after that.

    Posted 14 years ago on Tuesday April 27, 2010 | Permalink