• Resolved James V

    (@jamesvaisey)


    I’m trying to get recaptcha to work on our site as we had an influx of spam emails over the weekend, I can see the box, and I can tick the box, but I can’t fill out any of the text boxes in the contact form itself, it’s like they’re locked.

    Does anyone have any suggestions?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author IQComputing

    (@iqcomputing)

    Hello,

    We’ve tested your website on various browsers and browser versions and couldn’t replicate what you describe. Could you try a different browser, different PC, or different location ( as there may be network security restrictions ). Our guess is a browser extension is causing an issue, maybe something that deals with images. Clearing your browser cache may also help.

    If you find that can replicate this issue under multiple variations of the above ( different browser, different PC, different location ) then we would need more information to help us replicate the issue such as browser, browser version, OS, and screen resolution. You may follow the link below to retrieve this information:

    https://www.whatismybrowser.com/

    The above will tell you what add-ons you have installed, your OS, your browser and version, and your screen resolution. Hopefully you find that the issue is a browser extension but if you find this is not the case please let us know and we will look into it further. Have a wonderful rest of your week!

    Thread Starter James V

    (@jamesvaisey)

    Hi,

    Thanks for that, I’ve tried it using Firefox and using Chrome, same issue.

    Here’s what your link got me:

    https://www.whatismybrowser.com/w/TG2EBZ2

    Plugin Author IQComputing

    (@iqcomputing)

    Hello,

    We do see that the link above detects that JavaScript is disabled. If this is the case you wouldn’t be able to click the images but you would want to click the checkbox next to ( or on top of ) the image. Additionally, it looks like the Theme is using some CSS to “float” the Contact Form 7 inputs but it doesn’t seem to “clear” the reCaptcha input which could cause issues. Floating elements takes them out of the normal flow of content and requires special care to ensure that other elements down the line of markup do not get overlaid with an invisible barrier ( which is currently the case ).

    Additionally, we do see a JavaScript error not related to our plugin that may be interfering with the functionality. We do have a possible solution you could attempt.

    – – – – – – – – –

    Before continuing with the below we do suggest that you have a ready back up of your database and are familiar with how to restore to this backup. We are not responsible for any issues, errors, or problems that may arise while following the below suggested solution. For more information on backups you may read over the following WordPress Handbook link:

    WordPress Backups

    – – – – – – – – –

    A possible solution for this would be to override what the theme is doing using an Internal Style. You’ll need to log into your website admin panel and browse to Appearance -> Customize. From here you’ll want to click the Additional CSS tab and paste the following CSS to the bottom of the textbox. Finally, click “Publish” to push this change live.

    If there is CSS already in this “Additional CSS” box, don’t remove anything as there may be adverse effects. You’ll want to append the following line to the bottom:

    .wpcf7-recaptcha {clear: both;}

    It should look something like the linked image below:

    View post on imgur.com

    Hopefully the above solves your issue but should you have any questions, comments, concerns please reply back to this thread and we can try to assist you further.

    Thread Starter James V

    (@jamesvaisey)

    Hmm tried the above and still not working for me I’m afraid, interesting when I check in Firefox and safari it is saying that javascript is enabled, so I shouldn’t really be having the issue…

    Plugin Author IQComputing

    (@iqcomputing)

    Hello,

    Maybe the wrapping the [recaptcha] tag in the Contact Form 7 form in a clear div is a better solution. Below is an example of what it may look like:

    <div style="clear:both;">[recaptcha]</div>

    You would need to do this on the Contact Form 7 specific form. Hopefully the above solves your issue but if you find it does not please reply back and we an continue to solve this together. Have a wonderful rest of your week!

    Thread Starter James V

    (@jamesvaisey)

    Looks like this has nailed it!

    Many thanks for your time and help!

    Plugin Author IQComputing

    (@iqcomputing)

    Hello,

    Thank you for your perseverance! We’ll go ahead and mark this thread as resolved. Should you have any other questions please open a new thread in the support forums here. Have a wonderful rest of your week!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Recaptcha blocking filling out text boxes’ is closed to new replies.