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

  • Profile Image
    Cal_Spacely
    Asked on May 17, 2015 at 09: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.

  • Profile Image
    Mike_G
    Answered 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;

    }

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

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

  • Profile Image
    Cal_Spacely
    Answered on May 17, 2015 at 01:50 PM

    That did the trick!  Thank you!

  • Profile Image
    jonathan
    Answered on May 17, 2015 at 02: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!