Towards the end of the redesign and build of my client Hootananny Brixton new wordpress website My client asked me How to Remove Google reCAPTCHA badge / icon from a website as it was taking up a lot of the area on mobile screens. And sent the screen shot above.

(Google reCAPTCHA is a great, and for most sites free, way to block spammers using your forms to spam your clients. It works very well with most wordpress form plugins, and espcially well with Divi’sd built in forms – in that if you apply it to one form you can then reapply to all your forms without have in to go back to google)

I had never been asked that before and supposed it was impossible or difficult at least and probably something Google did not like you to do.

But Hootananny Showed me a website used reCAPTCHA but did not have the badge / icon.

So after a bit of digging and delving i found Google does allow you to remove Google reCAPTCHA badge from a website!

Though Googles instructions seem to miss one important point…

They say:

1. add this code to your form (i think they mean as close as possible to the submit button)

   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.
   

2. Add this to your CSS for the website:
   .grecaptcha-badge { visibility: hidden; }

When adding  the CSS you could do it to the page with the form. I, using  the Divi them, used the Custom CSS box in Divi > Theme Options > Custom CSS.
This meant that it woudl apply to the whole site so any form using  reCAPTCHA.

BUT.. it didnt work until i changed to code to:
.grecaptcha-badge { visibility: hidden !important; }

The ‘important!’ forced it to work.

ALSO Cookie Yes plugin that i always use has a Revisit consent button in Cookie yes > Cookie Banner > Content & Colours > Revisit consent button > disable switch that hides the button.