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

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

  • Profile Image
    Ben
    Answered on November 23, 2015 at 01: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.

  • Profile Image
    jimchicago
    Answered on November 23, 2015 at 03:00 PM

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

  • Profile Image
    Ben
    Answered on November 23, 2015 at 04: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 :)