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.

Validation error Styling

  1. arlyon
    Member

    [css]
    .gform_wrapper .validation_error {
    	color: blue;
    }

    This is the code I have currently added to my theme .css file. All I want to do is change all error messages with my form from #790000 to blue. I have tried using more specificity than this, but to no avail. I tried using "!important", but no changes. Seems like a simple enough task, but because the css for gravity forms is overwritten with upgrades, I can't make the changes there, and gravity forms css is overriding my theme css, even when I use EXTREME specificity (which I shouldn't have to do, if I want to change ALL validation error message... right?)

    I read forums that suggested the methods I have already tried that haven't worked. Can someone help? I'm sure it is an easy fix that I'm just not seeing...

    Thanks!

    Posted 12 years ago on Wednesday August 29, 2012 | Permalink
  2. David Peralty

    Can you please link to your form? Are you making the changes in your theme's stylesheet? CSS shouldn't be changed with upgrades.

    Posted 12 years ago on Wednesday August 29, 2012 | Permalink
  3. arlyon
    Member

    I resolved the problem for all form field errors by using this code in my css file.

    [css]
    body .gform_wrapper .gform_body ul.gform_fields li.gfield_error label,
    body .gform_wrapper .gform_body ul.gform_fields li.gfield_error div.validation_message,
    .validation_message,
    .gform_wrapper .validation_error,
    .gform_wrapper li.gfield.gfield_error .gfield_description.validation_message{
      color:blue!important;
    }

    Hope this expedites the process for others!

    Posted 12 years ago on Wednesday August 29, 2012 | Permalink
  4. arlyon
    Member

    Sorry, David, I should have specified that the upgrade css changes I was referring to were for the gravity forms css (why I didn't make the changes directly there).

    Thanks for responding so fast though!

    Posted 12 years ago on Wednesday August 29, 2012 | Permalink
  5. David Peralty

    Glad you got it sorted out. For anyone looking at this thread in the future, here is a great article we have regarding where code goes:
    http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F

    Posted 12 years ago on Wednesday August 29, 2012 | Permalink