Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi,

    You are having problem getting two plugins to work together. This is not a theme issue.

    Please kindly post plugin related support request in the relevant plugin’s support forum.

    Thank you

    Thread Starter Vishakha Patel

    (@vishakha)

    Hi Denzel,

    Thanks for your response. I could resolve this by adding below code to Custom CSS.
    .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha{
    clear: both;
    margin-bottom: 20px;
    }

    Thanks.

    You are welcome.
    Thank you

    Thread Starter Vishakha Patel

    (@vishakha)

    Hi Denzel,

    Sorry for coming back. But issue seem not have resolved yet.

    This error is still coming with default Google Captcha used in Contact Form 7 plugin and theme. I checked the same configuration with WordPress default theme and it did not happen over there. Can you please check one more time by configuring Contact Form 7 plugin into the theme by enabling Google Captcha?

    Thanks

    Hi

    I can confirm the same problem. The other fields are as if readonly when I try to select them after adding a reCAPTCHA field. Removing the field restores them to functioning behaviour. I have switched themes and the form worked fine with the reCPATCHA field. Vishakha’s CSS hack did not solve the problem.

    I would link you to the site, but it’s soon-to-be-launched (and therefore this is especially unfortunate). Perhaps I can link after launch if requested. I will need to launch without CAPTCHA for now :[

    Thanks, I appreciate any investigation. Hope you can reproduce easily ??

    After sleeping on it, I found a custom CSS workaround rule that works for my form but probably not for everyone.

    .wpcf7-form-control-wrap { /* this is too general, so YMMV */
    	position: unset;
    }

    This unsets the rule position:relative for the same selector. Ideally we would be able to only select that for elements that have child elements selected by .g-recaptcha or whatever, but alas CSS does not support such expressions AFAIK. This works for me because the reCAPTCHA is the only form element wrapped with this class of div element.

    So my desperation is over, hope it helps others work around and helps the developers produce a robust solution ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Wp-reCaptcha’ is closed to new replies.