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

    How To Customize A Captcha Field?

    Asked by Jill on March 10, 2013 at 05:06 PM

    I am trying to change the actual captcha field. I could change the size when using Firebug and GoogleDevTools. Changing the source code given won't make any effect because it seems the size of the captcha could only be edited in the html. I found this out by doing a preview of the form and then looking at in in Firebug. I believe something was set to "153" and I took it down to "140", which gave me the result I wanted, but again, this was in the html.

    Screenshot
    captcha css html style resize
  • Profile Image

    Answered by pinoytech on March 10, 2013 at 05:55 PM

    Hi,

    Apply this custom css codes in to your form.

    /*--form captcha custom--*/

    .form-captcha {

    background: none repeat scroll 0 0 #F5F5F5;

    border: 1px solid #CCCCCC;

    border-radius: 4px 4px 4px 4px;

    padding: 6px;

    width: 140px;

    }

    .form-captcha-image{

    width: 137px;

    }

    .form-captcha input{

    width: 115px !important;

    }

    This is how it looks like: http://www.jotformpro.com/form/30686513619964

    If you need further assistance, do let us know.

    Thank you!

  • Profile Image

    Answered by HKZG on June 28, 2014 at 01:15 PM

    i

    tried this solution but it doesn't work for me. on the contact page on the website i have 3 boxes, but the width of the captcha field pushes everything so my last column ends up down below.

    here's a prevew:

    http://www.jasmin-novak.bugs3.com/kontakt.html

    any help?

  • Profile Image
    JotForm Support

    Answered by jonathan on June 28, 2014 at 04:14 PM

    @ HKZG

    Hi,

    I have created a separate thread for your question here http://www.jotform.com/answers/397309

    we will respond to you on that thread.

    Thanks.