The Form captcha is not working when using the script embed method.

  • Profile Image
    jwarrior
    Asked on June 26, 2019 at 11:54 AM

    When I copy and paste the source code into my html5 document, the captcha just spins. If I get rid of the capthca and use my own, then when you hit the submit button, a message appears that says, "Attention: Name Required" when all fields are filled in. Also, how do you change that horrible yellow color? You can't read anything.

    Screenshot
  • Profile Image
    Richie_P
    Answered on June 26, 2019 at 01:50 PM

    Can you please try embedding your form using the Iframe code?

    Guide:https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    Checked your form and I can't seem to replicate the issue at my end.


    Looking forward for your response.

  • Profile Image
    jwarrior
    Answered on June 26, 2019 at 02:59 PM

    That does, indeed, make the form work, but I wanted to access the source code so I can change the font and colors of the letters in the word "ideas."

  • Profile Image
    Richie_P
    Answered on June 26, 2019 at 04:30 PM

    You may use custom CSS in your form.

    Guide:https://www.jotform.com/help/75-Customize-Your-Form-Using-Custom-CSS-Codes

    May we know what words would you like to change the font and colors?

  • Profile Image
    roneet
    Answered on June 26, 2019 at 08:21 PM

    Please allow me some time. I'll get back to you with the CSS.

    Thanks.

  • Profile Image
    roneet
    Answered on June 26, 2019 at 08:42 PM

    You can inject the following CSS code in your Form to change the font-family of the heading, sub-heading, textbox.

    #header_1 {
     font-family: 'Lato Black';
     font-size: 30pt;
     color: #0071CE;
    }

    #subHeader_1 {
     font-family: Lato Heavy;
     font-size: 1.071em;
    }

    .form-label.form-label-auto {
     font-family: "Lato Light";
     font-size: 14pt;
     color: #535353;
    }
    .form-sub-label {
     font-family: "Lato Light";
     font-size: 12pt;
    }
    .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input, .form-spinner input {
     font-family: "Lato Light";
     font-size: 14pt;
    }

    I have written codes for the font-family, font-size, color property. You can modify the CSS accordingly.

    To inject custom CSS please follow this guide:

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

    I have moved your other two questions in separate threads:

    https://www.jotform.com/answers/1871939

    https://www.jotform.com/answers/1871940

    We will address it shortly.

    Thanks.

  • Profile Image
    jwarrior
    Answered on June 27, 2019 at 09:17 AM

    Oh, my goodness. Thank you so much for your help. So much easier. Since the iFrame method works, I'm going to stick with that for right now. Last evening, I mentioned that I really don't like having a branded footer on my form. I know that requires me to upgrade. So, here's my question... Can i upgrade my account only when I need to build my forms, get my code,and embed as iFrame in my website, and then downgrade back to the free version without it adding the branding back to those forms?

  • Profile Image
    roneet
    Answered on June 27, 2019 at 10:09 AM

    Unfortunately, you cannot do that way. You can upgrade till the time you are receiving the submissions. Once your Form is not active then you can downgrade your account. Once your account is a free account then by default the form would display the Jotform branding.

    Let us know if you have further questions.

    Thanks.