Invisible reCAPTCHA widget not displaying properly on embedded form.

  • Profile Image
    burnsPestSite
    Asked on November 27, 2017 at 02: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%? 

  • Profile Image
    aubreybourke
    Answered on November 27, 2017 at 03:41 PM

    I see the re-captcha is working

    1511815247Microsoft Edge 27_11_2017 20_3


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

  • Profile Image
    Dusti Watson 
    Answered on November 28, 2017 at 02:55 PM

    Mine is doing the same thing on Chrome incognito

    1511898820Capture8.JPG


  • Profile Image
    aubreybourke
    Answered on November 28, 2017 at 04:02 PM

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

    Getting the Form iFrame Code


  • Profile Image
    juliaSpaceCraft
    Answered on December 01, 2017 at 12:49 PM

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

  • Profile Image
    Kevin_G
    Answered on December 01, 2017 at 02: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.