How I can position my phone field up unto the next line?

  • splatty79
    Asked on October 22, 2015 at 12:36 AM

    As per my screenshot, I want to get the phone field inline to make the whole form look uniform. Ihave tried margin-top, padding, etc etc etc but cannot get it to work. Please help.

     

    How I can position my phone field up unto the next line? Image 1 Screenshot 20

  • Chriistian Jotform Support
    Replied on October 22, 2015 at 4:49 AM

    Hi,

     

    Can you try to inject this custom CSS code in your form to move the Phone field?

    li#id_5 {    

        margin-top: -70px;

    }

    How I can position my phone field up unto the next line? Image 1 Screenshot 20

    To inject custom CSS code, just follow the instructions provided in this article: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

     

    Do let us know if you need further assistance.
    Regards.

  • splatty79
    Replied on October 22, 2015 at 6:22 PM

    Thank you that worked, was just the li that did the trick. Would never have worked that out!

  • Ashwin JotForm Support
    Replied on October 23, 2015 at 1:58 AM

    Hello splatty79,

    On behalf of my colleague, you are welcome. 

    Yes the field id with the type (li) was added to apply the css style to specific form field. You may like to take a look at the following guide on how to get the id of your form field:  http://www.jotform.com/help/146-How-to-find-Field-IDs-Names

    Do get back to us if you have any questions.

    Thank you!