First Name and Last Name fields should be side by side, not one under the other

  • jimchicago
    Asked on November 23, 2015 at 10:59 AM

    I am a PAID customer. One of my JotForms is https://form.jotform.com/52847553517968. For some reason (that I can't figure out), the Last Name field of this form is now displaying below the First Name field.

    I tried increasing the form's width (in the form's Preferences > Form Styles) but it didn't change the layout of those two fields. Until now they have always been side-by-side fields. How can I make them display side by side again?

  • Ben
    Replied on November 23, 2015 at 1:03 PM

    To fix this, please add this CSS to your form:

    #cid_15 {
        display: inline-block;
    }

    As soon as you do, the First Name field and the Last Name field should be in the same line.

    You should add this CSS to your form by following these steps: Inject Custom CSS Codes

    Do however add the CSS under all other (if any) that you see there.

    Do let us know how it goes.

  • jimchicago
    Replied on November 23, 2015 at 3:00 PM

    Thanks, I added that CSS (at the bottom of Preferences > Form Styles) and it fixed the problem! :-) 

  • Ben
    Replied on November 23, 2015 at 4:35 PM

    You are welcome :)

    Glad to hear that it worked. Do let us know if you have any further issues or if you have any questions and we would be happy to assist :)