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

    i cant change the width of the camp

    Asked by alexsajno on January 11, 2014 at 07:35 PM

    look on site <down and right button>

    http://www.tkd-ashdod.com/

    i cant fix the camps be the same width

    site www same width same
  • Profile Image
    JotForm Support

    Answered by liyam on January 12, 2014 at 02:15 AM

    Hello alexsajno.

    I'm not sure I understand what your concern on this.  But I noticed that the padding on some fields do not align properly with the rest, rather than a width issue.  So I can suggest you add these on your CSS injection code:

    #cid_11, #cid_10{
         padding-right: 5px;
    }

    Please let us know if this is not the problem or if you have further questions or concerns.

    Thanks.

  • Profile Image

    Answered by alexsajno on January 12, 2014 at 06:03 AM

    i cant;

    look my code is this:

    i add /*-----RTL-----*/ an all camps to make it from right to left. help me please to imrpove it.

    and change please the text on the button  to arial. becasuse in firefox is arial and chrome is times new roman

    /*-----RTL-----*/
    .form-all {
    direction: rtl;
    }
    /*--label top styles--*/
    #label_1.form-label-top {
    display: none !important;
    }
    #label_2.form-label-top {
    display: none !important;
    }
    #label_3.form-label-top {
    display: none !important;
    }
    #label_4.form-label-top {
    display: none !important;
    }
    /*--remove focus border--*/
    .form-textbox:focus, .form-textarea:focus{
    outline: none;
    }/*--form header style--*/
    .form-all h3{
    margin:0;
    background:#57a700 url(https://cms.jotform.com/uploads/image_upload/image_upload/global/6138_form_heading.gif) repeat-x;
    color:#fff;
    font-size:20px;
    border:1px solid #57a700;
    border-bottom:none;
    margin-left: 1px;
    }/*--mail icon--*/
    .form-all h3 span{
    display:block;
    padding:10px 2px;
    }/*--form section style--*/
    .form-section{
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    padding-left: 4px;
    margin:0;
    border:1px;
    border-top:3px solid #000;
    background:#000 url(https://cms.jotform.com/uploads/image_upload/image_upload/global/6142_form_top.gif) repeat-x;
    }/*--textbox, textarea style--*/
    .form-textbox, .form-textarea{
    font-family:verdana;
    width:278px;
    border:1px solid #FFF;
    background:#282828 url(https://cms.jotform.com/uploads/image_upload/image_upload/global/6140_form_input.gif) repeat-x;
    padding:5px 3px;
    color:#fff;
    }/*--form submit button style--*/
    .form-submit-button{
    padding:0 20px;
    height:32px;
    line-height:32px;
    border:1px solid #70ad2e;
    background:#5aae00 url(https://cms.jotform.com/uploads/image_upload/image_upload/global/6141_form_button.gif) repeat-x;
    color:#fff;
    cursor:pointer;
    text-align:center;
    }/*--reduce form line--*/
    .form-line{
    padding:5px !important;
    }/*--remove form top padding--*/
    .form-all{
    padding-top:0px !important;
    }/*--for html texts--*/
    .form-html {
    padding: 0px !important;
    padding-right: 1px !important;
    width: 287px;
    }/*--remove error message--*/
    .form-error-message {
    display: none !important;
    }
    .form-line-error {
    background:none repeat scroll 0 0;
    }/*--reduce error font size--*/
    .form-button-error {
    font-size: 11px !important;
    }/*--fix captcha--*/
    .form-captcha, .form-captcha:hover {
    border:none;
    background:none;
    padding:0px !important;
    }
    .form-captcha-image {
    border:0px;
    background:none;
    -moz-border-radius:0px !important;
    -webkit-border-radius:0px !important;
    border-radius:0px !important;
    }/*--fix captcha box--*/
    #input_7{
    width:142px !important;
    max-width:142px !important;
    }/*--add red border on error--*/
    .form-validation-error {
    border: 1px solid red !important;
    }

  • Profile Image
    JotForm Support

    Answered by jonathan on January 12, 2014 at 07:23 AM

    Hi,

    This is how your feedback form looks when I view in my browser

    Can you please describe which part is not aligned? We will check.

    As for the font used on Submit button, add this CSS code into the existing CSS codes on your form

    .form-submit-button {

    font-family: Arial;

    }

    this should change the font of the button.

    Hope this help. Inform us if there is more we can help you with.

    Thanks.

  • Profile Image

    Answered by alexsajno on January 12, 2014 at 07:31 AM

    the mail camp is a little right

    the same with the big camp for type message

    and the capthca should be a little left

    --------------------

    i want all the camps like the first cam for the name

  • Profile Image
    JotForm Support

    Answered by jonathan on January 12, 2014 at 08:34 AM

    Hi,

    Can you please try overwriting the entire CSS code you have used on your form with this version

    http://pastie.org/8626292 . Copy all the CSS code from here and use it on your form.

    I used it on my own version on this form http://form.jotform.me/form/40113231415436 and they are aligned properly.

    Inform us if you need further help.

    Thanks.