javascriptrecaptcha

How to hide the Google Invisible reCAPTCHA badge

When implementing the new Google Invisible reCATPTCHA, by default you get a little "protected by reCAPTCHA" badge in the bottom right of the screen that pops out when you roll over it.

enter image description here

I'd like to hide this.

Solution

  • I have tested all approaches and:

    WARNING: display: none DISABLES the spam checking!

    visibility: hidden and opacity: 0 do NOT disable the spam checking.

    Code to use:

    .grecaptcha-badge { 
    visibility: hidden;
}

    When you hide the badge icon, Google wants you to reference their service on your form by adding this:

    <small>This site is protected by reCAPTCHA and the Google 
    <a href="https://policies.google.com/privacy">Privacy Policy</a> and
    <a href="https://policies.google.com/terms">Terms of Service</a> apply.
</small>

    Example result