Invisible reCAPTCHA widget not displaying properly on embedded form.

  • burnsPestSite
    Asked on November 27, 2017 at 2:31 PM

    Hello!

    I have the invisible reCAPTCHA widget on this form: https://burnspestelimination.com/request-a-quote  (not in the account I'm logged into) and when the reCAPTCHA is displayed, it is only shown at a width of 11px and not visible for the user. I've attached a screenshot below. Anyway to get this iFrame width set to something else, like 100%? 

    Jotform Thread 1308107 Screenshot
    Page URL: https://burnspestelimination.com/request-a-quote
  • aubreybourke
    Replied on November 27, 2017 at 3:41 PM

    I see the re-captcha is working

    1511815247Microsoft Edge 27 11 2017 20 3 Screenshot 10


    Did you manage to fix it yourself? Or are you still experiencing difficulties?

  • Dusti Watson
    Replied on November 28, 2017 at 2:55 PM

    Mine is doing the same thing on Chrome incognito

    1511898820Capture8 Screenshot 10


  • aubreybourke
    Replied on November 28, 2017 at 4:02 PM

    Ok, how are you embedding your form? May I suggest we try the iFrame embed method?

    Getting the Form iFrame Code


  • juliaSpaceCraft
    Replied on December 1, 2017 at 12:49 PM

    Hello, still having this issue with the iframe on chrome. 

  • Kevin Support Team Lead
    Replied on December 1, 2017 at 2:55 PM

    I have checked your form and was able to replicate the problem, please try injecting this code to resolve  it: 

    iframe[src*="noCaptchaRecaptcha"]{

    width: 100% !important;

    } 

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    I hope this helps.