Change the width of the Captcha box

  • Profile Image
    nubase
    Asked 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?

  • Profile Image
    pinoytech
    Answered 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
    nubase
    Answered 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
    NeilVicente
    Answered 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
    nubase
    Answered 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
    NeilVicente
    Answered 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
    nubase
    Answered 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
    NeilVicente
    Answered on August 29, 2012 at 05:59 PM

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