reCaptcha blocked by submit button

  • Resolved ashleyrclark

    (@ashleyrclark)


    9 years, 2 months ago

    I am trying to add reCaptcha to my support form but it is not displaying correctly. In Chrome, Firefox, and also on my Android mobile device, the reCaptcha is blocked by the submit button. I tried adding css to force the reCaptcha onto its own line (display:block; and clear:both;) but nothing is working. Any ideas of why this is happening?

    Here’s the page: https://www.gokid.mobi/support/

    And here’s the current code:

    <p>Your Name (required)<br />
    [text* your-name] </p>

<p>Your Email (required)<br />
    [email* your-email] </p>

<p>Subject<br />
    [text your-subject] </p>

<p>Your Message<br />
    [textarea your-message] </p>
<p><br />[recaptcha]</p>
<p>[submit class:support_form_button "Submit"]</p>

    Thanks for any help.

    https://www.ads-software.com/plugins/contact-form-7/

Viewing 1 replies (of 1 total)
  • Thread Starter ashleyrclark

    (@ashleyrclark)

    Aha, I found it. Thanks for the recommendation. I had already tried adding a class to the reCaptcha form field, but in the end I got it work by adding:

    .wpcf7-recaptcha {
clear:both;
}
.g-recaptcha {
clear:both;
}
Viewing 1 replies (of 1 total)
  • The topic ‘reCaptcha blocked by submit button’ is closed to new replies.