reCapcha v3 not shown

Hi @jpnl
I hope you are doing great today.
I just check the page and i could replicate issue. However, i was able to solve this issue by apply the CSS code below:

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

Try to add this code to your custom CSS and see the magic ??

Best regards,
Olumide Akintunde

Thanks, yes that fixed it!

But I also really would like to know where that “recaptcha-invisible” class comes from.

It seems to be site specific, because I haven’t seen this happen on other sites. But I can’t find it. I looked here:

• Forminator was freshly installed on this site.
• That class is not added to that or any other field.
• There is no custom css on the site with that class.

Thanks
JP

Hi @jpnl,

I hope you are doing well today!

The class you have mentioned (recaptcha-invisible) comes from Forminator and also exists on the fresh installation as well and it helps with the badge width and position. You can remove it from the developer console and see how it impacts.

grecaptcha-badge is the main class which is related with the whole badge including its visibility.

Kind regards,
Zafer

I did that in the console, thats why I found it might be the cause.

But ok, I guess the question is why the badge isn’t visible by default like usual. Why is the extra piece !important css needed to make it visible?

Hi again @jpnl,

It should be visible by default. It seems to be related with one of your plugins or theme. Therefore !important is required to override this. I suggest to perform full plugin/theme conflict test in order to find the root cause.

Please make sure you have recent backups and perform this operation on your dev/staging site if possible.

To learn more about a plugin conflict test, please see this guide below:
https://wpmudev.com/docs/getting-started/getting-support/#conflict-test

Check out this handy flowchart of the troubleshooting process detailed above.
https://wpmudev.com/wp-content/uploads/2015/09/Support-Process-Support-Process.gif

Kind regards,
Zafer

Thanks. I tracked it down to be a piece of the Divi theme css, which is odd because all my other sites with Forminator also use that theme. I’ll contact their support to see when that piece of css becomes active.

Thanks
JP

Hi @jpnl,

Glad to know that the issue has been tracked down. I hope Divi support will be able to help you further.

I will now mark this thread as resolved. Feel free to contact us if you have any more questions or need further assistance in the future!

Kind Regards,
Nebu John