{"id":3012,"date":"2024-03-26T22:15:36","date_gmt":"2024-03-26T22:15:36","guid":{"rendered":"https:\/\/wpconsults.com\/?p=3012"},"modified":"2024-12-20T05:07:17","modified_gmt":"2024-12-20T05:07:17","slug":"hide-recaptcha-badge","status":"publish","type":"post","link":"https:\/\/www.wpconsults.com\/en_gb\/hide-recaptcha-badge\/","title":{"rendered":"How to Hide reCAPTCHA Badge from WordPress Website"},"content":{"rendered":"
\"<\/figure>\n\n\n\n

Why Would You Want to Hide the reCAPTCHA Badge?<\/strong><\/h2>\n\n\n\n

While Google’s reCAPTCHA serves a valuable purpose (protecting your forms from spam), it’s not always the most visually appealing element.<\/p>\n\n\n\n

Maybe it clashes with your site’s design, or perhaps it gets in the way of important content. Whatever your reason, there are ways to address this issue.<\/p>\n\n\n\n

I am here going to show you how to hide it legally <\/mark>or moving it to a suitable place.<\/strong><\/p>\n\n\n\n

\n

Before We Begin: A Note about Google’s Terms<\/strong><\/p>\n\n\n\n

Google’s reCAPTCHA Terms of Service require that you make it clear to your users that the system is in use. We’ll cover how to comply with this rule a bit later in the guide. For now, let’s dive into the methods. Click to see guideline.<\/a><\/p>\n<\/div>\n\n\n\n

\"Hostinger<\/a><\/figure>\n\n\n\n\n

Method 1: Hide reCaptcha V3 Badge Using a Plugin (The Easiest Way)<\/strong><\/h2>\n\n\n\n

If you’re not very comfortable with code, the best way to hide the reCAPTCHA badge is with a WordPress plugin. Here’s what to do:<\/p>\n\n\n\n

1<\/strong>. Search<\/strong> in add new plugin search bar “BadgeShift for ReCaptcha”<\/strong> or download it from here<\/a>, then install and activate the plugin. Do not forget to refresh the page. <\/p>\n\n\n\n

\"Badgeshift<\/figure>\n\n\n\n

2. Go to Settings> BadgeShift for Recaptcha> Check the Hide Button.<\/strong><\/p>\n\n\n\n

\"Badgeshift<\/figure>\n\n\n\n

Method 2: Hide reCaptcha V3 Badge<\/strong><\/strong> Using Custom CSS<\/strong><\/h2>\n\n\n\n

If you’d rather do things manually, a tiny bit of CSS code will do the trick:<\/p>\n\n\n\n

CSS<\/span><\/path><\/path><\/svg><\/span>
.grecaptcha-badge<\/span> { <\/span><\/span>\n    <\/span>visibility<\/span>: <\/span>hidden<\/span>!important<\/span>; <\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
Caution<\/mark>:<\/strong> While it might be tempting to use “display: none”<\/strong> to hide the reCAPTCHA badge, this actually disables the spam protection itself<\/em>. According to experts on Stack Overflow, it’s best to use “visibility: hidden”<\/strong> or “opacity: 0”<\/strong> to keep the badge hidden while still allowing reCAPTCHA to function properly.<\/p>\n\n\n\n
Where to Add the CSS Code<\/strong><\/h3>\n\n\n\n
You have a couple of options for adding this CSS to your WordPress website:<\/p>\n\n\n\n
1) The WordPress Customizer:<\/strong><\/p>\n\n\n\n