What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Change the width of the Captcha box

    Asked by nubase on August 29, 2012 at 11:37 AM

    Is there a way for me to edit the width of the captcha box?

    Also, on the "submit" portion, how can i remove the line underneath the "submit booking request" image?

    Page URL:
    http://form.jotform.us/form/22413085015139

  • Profile Image

    Answered by pinoytech on August 29, 2012 at 11:53 AM

    Hi nubase,

    Kindly inject this custom css into your form:

    .form-submit-button, .form-submit-reset, .form-submit-print {

    box-shadow: none !important;

    }

    If you need further assistance, feel free to contact us at anytime.

    Thank you!

  • Profile Image

    Answered by nubase on August 29, 2012 at 12:33 PM

    Thank you for your help! Also, how can i edit the width of the captcha box?

  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 29, 2012 at 01:29 PM

    @nubase

    If it is the width of the recaptcha textbox that you want to modify, try injecting this css code:

    div#recaptcha_area table#recaptcha_table.recaptchatable tbody tr td div.recaptcha_input_area input#recaptcha_response_field {
    width: 150px !important
    }

    You may adjust the value of width to suit your preference.

  • Profile Image

    Answered by nubase on August 29, 2012 at 04:47 PM

    Hi Neil, thanks for the help. I injected the code but i didn't see any results as far as change to the width. Any help? http://form.jotform.us/form/22413085015139

    .form-line-active {background-color:#FFFFFF;}.form-required {color: #527fb1 !important;}input,textarea,select {background-color: #FFFFFF;border:1px inset #e7e7e7;}.form-required {color: transparent;}.form-line-error {background:none repeat scroll 0 0;}.form-error-message {display: none !important;background-color:transparent !important;color:#000000!important;}.form-line-error input, .form-line-error textarea {border: 1px solid #e7e7e7;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}.form-all{float:left;padding-top:0px !important;}.form-line-active {background:white;color:#000000;}.form-textbox {width: 290px;}.form-textarea {width: 290px;}.form-line, .form-label-left {padding-left: 0;}.form-line {

    margin-top: 0 !important;

    padding-top: 0 !important;

    }.form-submit-button, .form-submit-reset, .form-submit-print {box-shadow: none !important;}div#recaptcha_area table#recaptcha_table.recaptchatable tbody tr td div.recaptcha_input_area input#recaptcha_response_field {

    width: 150px !important;

    }

  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 29, 2012 at 04:55 PM

    The captcha's textbox did change:

    If it does not display as such on your end, try http://www.jotform.us/form/22413085015139.

    If it is something else that you want to adjust the width of, please do let me know.

  • Profile Image

    Answered by nubase on August 29, 2012 at 05:03 PM

    Oh, my bad. Sorry, meant the width of the image box. How can i go about changing something like that?

  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 29, 2012 at 05:59 PM

    Well in that case, switching to a regular captcha would yield the best result aesthetic-wise.