Google reCAPTCHA lable gets hidden under content

jabow

Hi There

I've added reCAPTCHA onto the site and the lable google puts on is sitting under the content as per the sceenshot on mobile, you can see it best on my home page:

soundgate.co.uk

Many Thanks

Chris

jabow

Inked1-screenshot_LI.jpg

Phil

Hello,

Did you use a plugin for that reCAPTCHA? If yes, can you tell me the name of this plugin, please?

Also, I was not able to get to your website because it has Coming Soon enabled.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jabow

Hi Phil

The coming soon page has been removed now. The reCAPTCHA was added via contact form 7.

Many Thanks

Chris

Phil

Please, turn off all of the plugins, except the Contact Form, and check if this issue still appears.

If this will not help, please, put the following Custom CSS Code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

.grecaptcha-badge{
   z-index: 10!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jabow

Hi Phil

Thanks for that code. That seems to work for some sections, namly the one in this screenshot:

Screenshot 1.jpg

But sections like this one still have the same issue:

Screenshot 2.jpg

Many Thanks

Chris

Phil

Please, try to increase the z-index value to, for example, 1000.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jabow

Perfect, thanks Phil.