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

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

     

  • Profile Image
    Chriistian
    Answered on October 22, 2015 at 04: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;

    }

    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.

  • Profile Image
    splatty79
    Answered on October 22, 2015 at 06:22 PM

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

  • Profile Image
    ashwin_d
    Answered on October 23, 2015 at 01: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!