Como ocultar el icono de reCAPTCHA Google

Cuando ponemos en nuestra web el anti-SPAM  reCAPTCHA de Google este nos va a mostrar un logo en la parte inferior derecha de la web, aveces es un tanto molesto si no lo usamos mas que en el login o porque nos tapa una parte del nuestro contenido o botones.

Para ocultarlo basta con agregar el siguiente código css en nuestra web.

<style>
.grecaptcha-badge { 
    visibility: hidden; 
}
</style>

En caso que no funcione podrías probar con alguna siguientes propiedades:

display: none;
opacity: 0;

Ten en cuenta que ocultar el logo de reCAPTCHA va en contra de los Términos de Servicio de este, Google te permite ocultar el Badge (logo) que se muestra solo si muestras en el formulario que estas usando reCAPTCHA en la web poniendo el siguiente código (puede ser en español) :

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.

https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-badge-what-is-allowed

Términos:

  • recaptcha logo hide
  • recaptcha hide badge
  • hidden recaptcha badge
  • hidden recaptcha logo
  • hide recaptcha logo wordpress

Escríbeme un comentario si este contenido te fue útil o si te quedó alguna duda, así podré mejorarlo. Gracias!