Adding custom CSS code to position fields of the form on the same line

  • Cal_Spacely
    Asked on May 17, 2015 at 9:20 AM

    Here's the URL to the form: http://form.jotform.us/form/51056002560138

    I need the Phone text and the Phone Type select on the same line. This is an imported Forms Central Form but I intend to add a captcha and in order to fit the form to the site, I'll need the space. You can see the original Forms Central form at https://www.hugheylawfirm.com just scroll to the bottom of the index page. My jotForm client submission form is on the left and the client thinks it's perfect. The Forms Central attorney referral form is on the right.

  • Mike_G JotForm Support
    Replied on May 17, 2015 at 10:24 AM

    In order for you to accomplish this, you need to add the CSS codes below using this guide

    #id_11, #id_13, #id_10

    {

    position: absolute !important;

    }

    Adding custom CSS code to position fields of the form on the same line Image 1 Screenshot 30

    After adding the CSS code, here's what your form going to look like: 

    Adding custom CSS code to position fields of the form on the same line Image 2 Screenshot 41

    Please feel free to check the cloned version of your form that I have created. Thank you.

  • Cal_Spacely
    Replied on May 17, 2015 at 1:50 PM

    That did the trick!  Thank you!

  • jonathan
    Replied on May 17, 2015 at 2:38 PM

    On behalf of our colleague Mike_G you are quite welcome.

    Feel free to contact us again anytime for any assistance you need on JotForm.

    Cheers!