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.

Active and Validation Highlighting

  1. I'm looking to highlight the Sub-Label color when someone is focused on a field.

    Also, when validation errors occur, I'm looking to change the font color for both the Label and Sub-Label as well as the class for the input field. Basically want to make these elements red.

    Can anyone help me with the CSS strings or php to accomplish this. Any help would be greatly appreciated.

    Posted 6 years ago on Tuesday June 18, 2013 | Permalink
  2. Sure, can you post a link to your form for me?

    Posted 6 years ago on Wednesday June 19, 2013 | Permalink
  3. http://www.aguppytank.com

    If you go to step two and hit next to goto step 3, you'll get the validation errors. I've managed since the original post to get text to turn red, but couldn't for the life of me get the input box attributes to change. I'd like to change the normal and active input CSS when a section is in validation.

    Also, one last CSS string I couldn't figure out is getting the Sub-Label to turn orange when someone is active on a field.

    Thank you so much Rob!

    Posted 6 years ago on Wednesday June 19, 2013 | Permalink
  4. What exactly are you looking to do to the inputs in terms of stylization on the errors?

    Posted 6 years ago on Thursday June 20, 2013 | Permalink
  5. Wanted to set the border, background and font color. Changing them from orange to red tones.

    Posted 6 years ago on Thursday June 20, 2013 | Permalink
  6. This selector should do the trick for you:

    [css]
    body .gform_wrapper .gfield_error input {}
    Posted 6 years ago on Thursday June 20, 2013 | Permalink
  7. Rob, you guys are amazing, thank you for the quick response. One more request and I promise to leave you guys alone.

    I'm looking for the CSS string for the Sub-Label when you're 'focused' on a input field.

    Posted 6 years ago on Thursday June 20, 2013 | Permalink
  8. Glad to help - this CSS should do the trick:

    [css]
    .gfield input:focus[type=text] + label {
    color: red;
    }

    BTW - noticed your username - is that in reference to the band Q and Not U?

    Posted 6 years ago on Friday June 21, 2013 | Permalink
  9. It has become my universal handle, and I did steal the name from the band. The relenteless dueling guitars on No Kill No Beep Beep never gets old. It's been a while, I think I will listen now. :)

    Again, thank you for the help.

    Posted 6 years ago on Friday June 21, 2013 | Permalink
  10. Indeed! You're welcome.

    Posted 6 years ago on Friday June 21, 2013 | Permalink

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