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.

reCaptcha padding/margin issues in Safari

Gravity Support Forums » Plugin Support » Gravity Forms

thomas.griffin
Member

The reCaptcha box does not line up correctly with the other form boxes in Safari, but works fine on every other major browser that I have tested (IE 7/8, FF, Chrome, Opera). Any ideas as to what I can do? I've tried a ton of different things, but I can't get the problem fixed. I can see why it would maybe act like this in Safari via Firebug, but I can't fix it to save my life and I'm tired of trying to fix it.

Here is the link (it is a test development site):

http://seobloghelp.info/contact

Thanks in advance for the help!
Thomas

Posted 13 years ago on Thursday August 26, 2010 | Permalink
Kevin Flahaut
Administrator

easiest and best way to handle this is with some browser sniffing. This works really well, just add it to your functions.php file and it should append the browser name to the body class.

http://www.wprecipes.com/how-to-detect-the-visitor-browser-within-wordpress

once that's in place, you should be able to do something like this.

body.safari div#recaptcha_area {margin-left:19%}

That way you're able to target the div with browser specific styles and don't have to resort to any hacks.

Posted 13 years ago on Thursday August 26, 2010 | Permalink
thomas.griffin
Member

Cool, I will check that out.

Will this pass XHTML and CSS validations?

Posted 13 years ago on Thursday August 26, 2010 | Permalink
Kevin Flahaut
Administrator

Yep, that's the upside of doing it this way. It' not a hack, just simply using normal CSS inheritance from the new body class. It should validate just fine.

Posted 13 years ago on Thursday August 26, 2010 | Permalink