Error border around whole form

Hi guys!

Hope you can help, when for example i start typing in a email address field and it picks up a error, it will make the “Field Color on Error” over the whole form, not just the field.

It does this in both the preview modes so dont think it is my theme that is interfering…

Please see attached picture of what I mean…

http://www.photoboothsa.co.za/form1/

Thank you!


Attachment:
error border

Hmm, I am not seeing this behavior in my browser. Which browser are you using? This is what I see when I type in test into the email field and hit submit:


Attachment:
Screen Shot 2012-07-03 at 10.11.19 AM

oh, just tested this in firefox, and I see what you mean. It looks like Firefox made some changes to the browser validation...Here is a change that we will add to the next release in order to prevent this in the future. To fix this issue you need to open the file:
wp-content/plugins/formidable/pro/css/custom_theme.css.php

And change line 156 from:
... .with_frm_style .frm_blank_field select, .frm_form_fields_error_style, .with_frm_style *:invalid, .with_frm_style .frm_blank_field #recaptcha_area...

To:
... .with_frm_style .frm_blank_field select, .frm_form_fields_error_style, .with_frm_style input:invalid, .with_frm_style .frm_blank_field #recaptcha_area...

Basically, you are just switching out that one "*" for "input" (the change is marked in red)

EDIT...I had to remove some of that line above because there was PHP that wasn't being displayed on the page... There is only one "*" in that line so look for it and replace it with "input".

Oh, and one other step. After making this change, you need to go to your formidable settings page and click "update" --this step will load your updated CSS file that resolves the issue.

Hi Steve!

Thank you, sorry only saw the reply now :-) Thank you for the help it worked :-)

Enjoy the rest of the day!

Topic closed.