How to resize reCAPTCHA?

    2 answers 2

    Reply from lexxl comment:

    Try

    • or use the compact option from the documentation
    • or use inline-styles: <style="transform:scale(0.77);transform-origin:0 0">

      Can not inline

        .g-recaptcha, .g-recaptcha div{ overflow: hidden; max-width: 100%; } .g-recaptcha iframe, body > div[style]:last-of-type { transform: scale(0.75); transform-origin: left top; }

      Or using javaScript and jQuery library

       $(function() { var reCaptchaWidth = 302; var containerWidth = $('.respon-kaptcha').width(); if(reCaptchaWidth > containerWidth) { var reCaptchaScale = containerWidth / reCaptchaWidth; $('.g-recaptcha').css({ 'transform':'scale('+reCaptchaScale+')', 'transform-origin':'left top' }); } });

      Captcha in div with class .respon-kaptcha