Hide the reCAPTCHA badge
Hide the floating Google reCAPTCHA v3 badge with CSS, and add the notice Google requires when the badge is hidden.
/* Hide the floating reCAPTCHA badge. Show Google's notice on your forms instead (see notes). */
.grecaptcha-badge {
visibility: hidden !important;
}
What it does
reCAPTCHA v3 shows a floating badge in the bottom corner of every page. It often covers chat buttons or "back to top" links.
Google allows you to hide the badge as long as you show this text near your forms: "This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply." Link "Privacy Policy" to https://policies.google.com/privacy and "Terms of Service" to https://policies.google.com/terms.
Good to know
- Always add the Google notice to every form that uses reCAPTCHA. Without it, hiding the badge breaks Google's terms.
- The snippet uses
visibility: hiddenrather thandisplay: none, so reCAPTCHA keeps working.