Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    Hi Crashmasterjoe,

    Unfortunately, the Google reCAPTCHA is not responsive, however I found this tutorial on how to force the box to fit a sidebar:
    https://www.geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/

    I just tested it and it worked great, all you need to do is add this code to your theme’s style sheet:

    .g-recaptcha {
         transform:scale(0.77);-webkit-transform:scale(0.77);
         transform-origin:0 0;-webkit-transform-origin:0 0;
    }

    The way to do that will vary. If you built your own theme or are using a Child theme you just add it to the style sheet. If you bought or downloaded a theme, look for a place to add “Custom CSS.” If that is not available you can use a free plugin like Jetpack or Simple Custom CSS to add it.

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    I added a new article to our Knowledge Base inspired by your support request:
    https://yikesplugins.com/support/knowledge-base/making-the-google-nocaptcha-recaptcha-fit-in-sidebars/

    Let me know if you need further help!
    -Tracy

    Thread Starter crashmasterjoe

    (@crashmasterjoe)

    Thank you! .835 worked great 🙂

    .g-recaptcha {
    transform:scale(0.835);-webkit-transform:scale(0.835);
    transform-origin:0 0;-webkit-transform-origin:0 0;
    }

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    Fantastic! That’s great news.

    If you’re enjoying the plugin, we’d love it if you’d give it a review.

    Thank you!
    -Tracy

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘captcha too wide?’ is closed to new replies.