Google reCaptcha v3 with Contact form 7

[thiagors]

Hello,

I am trying to use reCaptcha V3 with Contact form 7 but the badge doesn’t appear on my website.
I followed these exactly instructions: https://contactform7.com/recaptcha/

I readed somewhere that it may have relation with some Javascript from the theme.

Do you know how should I procede?

I also used the follow CSS to make the badge goes to the left, but with or without it, it doesn’t appear anywhere:

/* Move reCAPTCHA v3 badge to the left */

.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 4px !important;
}
.grecaptcha-badge:hover {
width: 256px !important;
}

Thank you for your attention.

[thiagors]

This reply has been marked as private.

[thiagors]

I am sorry, I figured it out. Used the code below and it worked:

.grecaptcha-badge {
z-index: 9999;
}

Also made it invisible using:
.grecaptcha-badge {
visibility: hidden;
}

I don’t know how to exclude the topic, but thanks for you attention.

Regards,
Thiago

[SeaTheme]

Hi, I’m glad your problem has been resolved. I closed this ticket.
If you have new questions, please start a new ticket.

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[Author]

Posts