How to reduce the width of all first name and last names in my form

  • b.m.ezzat
    Asked on June 10, 2015 at 9:15 AM

    Dears

    I need to reduce the width of the first and last name box in my form

     

    BR

  • Boris
    Replied on June 10, 2015 at 11:27 AM

    Hello.

    If you are looking for a way to reduce width of all first and last names so that they appear in a single line, please try injecting the following custom CSS:

    [data-type="control_fullname"] .form-sub-label-container {
      width: 49% !important;
      margin-right: 0px !important;
    }

    As your previous custom CSS that was present in the textbox of Designer under CSS tab contained an error, I had to remove it for everything to work correctly.

    How to reduce the width of all first name and last names in my form Image 1 Screenshot 30

    Here is a demo form with the edits applied: http://form.jotformpro.com/form/51604737912961

    It will make your form look like this:

    How to reduce the width of all first name and last names in my form Image 2 Screenshot 41

    Please let us know if you need further assistance.