Google Captcha V3 not showing

Hi @jstraten,

I’ve checked your page in question and I was getting some weird behaviors in different browsers, in Chrome and Firefox the captcha field was empty but in Edge I could see it being populated but hidden with CSS.

Could you perform a conflict test by disabling your other plugins and switch to default WP theme to see if the captcha shows after that?
If it does, enable them back one by one until the issue is back and that should tell us where the conflict is coming from so we can debug it further from there.

I suggest doing this test on a staging site or if you don’t have one make sure to have a full backup ready before doing the test on the live site.

Cheers,
Predrag

@wpmudev-support1 Thank you for getting back to me!

We are using Local to test our web pages. So, I can take a backup of the production web page and install it on Local. Then I can turn off all the plugins.

Before I do, I think I will take a look at all the extensions and see if I can spot the one that might cause the problem.

I will report back once I am done with that.

I almost forgot: The reCaptcha V3 logo shows when I preview a form, but findings on which extension is causing it disappear on the actual web page.

If it is the theme, I don’t think I can fix it, but I can try to contact the developer.

Will do some more testing once I got the latest version up and running on Local.

I am sorry, but the latest release of Local has somehow messed up my installation and so I currently don’t have a test environment.

That said, I have played around (speak I have temporarily turned off the ones that I thought could be the root cause) with my plugins and I am quite sure that the problem is likely caused by the template.

This seems to go along with Predrag’s finding that it is somehow blocked by CSS.

Unfortunately, I am not very familiar with CSS and without a test environment, I cannot turn off the template for further testing.

Is there a way for me to find out which CSS is blocking/hiding it?

I have also found it working just fine on another web page using mostly the same plugins, but a different template.

• This reply was modified 4 years, 3 months ago by jstraten.

Hi @jstraten

Could you please try this CSS?

.page-id-5261 .grecaptcha-badge { visibility: visible !important; }

You can add on WordPress > Appearance > Additional CSS.

Let us know if this worked for you.
Best Regards
Patrick Freitas

Hi Patrick,

That works! Thank you!!!

I actually changed it to the following to make it work on all forms:

.grecaptcha-badge { visibility: visible !important; }

So, is this indicating a problem with the template?

• This reply was modified 4 years, 3 months ago by jstraten.
• This reply was modified 4 years, 3 months ago by jstraten.
• This reply was modified 4 years, 3 months ago by jstraten.
• This reply was modified 4 years, 3 months ago by jstraten.
• This reply was modified 4 years, 3 months ago by jstraten.
• This reply was modified 4 years, 3 months ago by jstraten.
• This reply was modified 4 years, 3 months ago by jstraten.

Hi @jstraten,

It does seem specific to the existing CSS on your site, but since the fix applied has a specific class it will not affect other aspects of your site so you can keep the fix on your site without any issues.

Cheers,
Predrag

I had the same problem, ? randomly invisible reCpatcha.
Now you see it now you don’t!

It was simply and immediately resolved with this Patrick’s CSS fix. Thanks.
Classy free plugin, coupled with Stripe, saved me the hassle of creating an online shop for just 2 articles.

Maybe the post containing the fix should be made sticky.
??
Or, in other words : .CSS_fix { visibility: visible !important; }
??
Happy New Year !