https://legacy.forums.gravityhelp.com/topic/recaptcha-paddingmargin-issues-in-safari Gravity Support Forums Topic: reCaptcha padding/margin issues in Safari en-US Wed, 15 Apr 2026 01:36:28 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/recaptcha-paddingmargin-issues-in-safari#post-9022 Thu, 26 Aug 2010 00:43:42 +0000 Kevin Flahaut 9022@https://legacy.forums.gravityhelp.com/ <p>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. </p> https://legacy.forums.gravityhelp.com/topic/recaptcha-paddingmargin-issues-in-safari#post-9021 Wed, 25 Aug 2010 21:59:18 +0000 thomas.griffin 9021@https://legacy.forums.gravityhelp.com/ <p>Cool, I will check that out.</p> <p>Will this pass XHTML and CSS validations? </p> https://legacy.forums.gravityhelp.com/topic/recaptcha-paddingmargin-issues-in-safari#post-9020 Wed, 25 Aug 2010 21:24:55 +0000 Kevin Flahaut 9020@https://legacy.forums.gravityhelp.com/ <p>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.</p> <p><a href="http://www.wprecipes.com/how-to-detect-the-visitor-browser-within-wordpress" rel="nofollow">http://www.wprecipes.com/how-to-detect-the-visitor-browser-within-wordpress</a></p> <p>once that's in place, you should be able to do something like this.</p> <p><code>body.safari div#recaptcha_area {margin-left:19%}</code></p> <p>That way you're able to target the div with browser specific styles and don't have to resort to any hacks. </p> https://legacy.forums.gravityhelp.com/topic/recaptcha-paddingmargin-issues-in-safari#post-9017 Wed, 25 Aug 2010 20:01:20 +0000 thomas.griffin 9017@https://legacy.forums.gravityhelp.com/ <p>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.</p> <p>Here is the link (it is a test development site):</p> <p><a href="http://seobloghelp.info/contact" rel="nofollow">http://seobloghelp.info/contact</a></p> <p>Thanks in advance for the help!<br /> Thomas </p>