Support » Plugin: Contact Form 7 » reCAPTCHA logo turn off

  • Resolved jasonGHC

    (@jasonsexton)


    Hi there,

    reCAPTCHA V3 as of DEC 18 now allows you to hide the reCAPTCHA branding box from the corner of your website as long as you put the below text in the user flow (so just before the submit button on your contact form for example).

    This site is protected by reCAPTCHA and the Google
    Privacy Policy and
    Terms of Service apply.

    I am not able to do this as there is no option on contact form.

    Can this please be added? The reCAPTCHA box impedes the ‘scroll to top’ button and is too large on mobiles. Would rather have the text in small writing above the submit button.

    Thank you 🙂

Viewing 5 replies - 16 through 20 (of 20 total)
  • .grecaptcha-badge {
    display: none!important;
    }

    @twdargis @sarumbear Thank you guys, really appreciate you sharing your knowledge. The fix worked a treat.

    @mrburrow You’re welcome! Thanks for the shout out.

    @henkvalk It’s important NOT to use “display:none” as this breaks the functionality of the v3 reCaptcha. So, you basically are adding it in just to turn it off.

    Instead, use opacity or visibility:

    .grecaptcha-badge {
    visibility: hidden !important;
    }

    hi guys, I am hoping to leave it but just have not show on mobile. i am a dummy and not sure what the hide code for mobile is

    I think the css approach is a bad practice.
    This will load the js but remove the display on all pages.

    A better approach would be that the plugin only add the reCaptcha js-file on pages where a contact form 7 is present.

    Plugin Asset CleanUp: Page Speed Booster could do this trick, but this should be intergrated in the Contact form 7 plugin.

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘reCAPTCHA logo turn off’ is closed to new replies.