Search code examples
phpwordpressstylesheetrecaptcha

reCaptcha styling is broken

I implemented reCaptcha into the following website. I used recaptchalib.php from Google Code and did not change anything in the PHP file.

However, the result reCaptcha in my website seems to broke. The buttons have weird white space above them. It works just fine, but it is not pretty :(

Here is the website that has problem: http://### (removed)

Here is the code that I used to echo reCaptcha form

require_once('recaptchalib.php');
$publickey = "XXXXXXXXXXX"; // you got this from the signup page
echo recaptcha_get_html($publickey);

Best regards

Solution

  • I had the same problem on all the websites I used reCaptcha. The CSS was somehow distorted. But I discovered that it was my line-height in the body tag. I believe you have the same problem too. Just use this css in your style sheet.

    #recaptcha_area, #recaptcha_table { line-height: 0!important;}