How to align the fields on the form?

  • rguthertz
    Asked on January 11, 2017 at 1:31 PM
    2. Under the 'Additional Badges' section (after selecting yes & 10 badges), all fields line up except the 10th position/title field. I have tried moving the field, deleting/remaking as well as copying from other lines with no success. Is there a way we can (finally) get that lined up?
  • Kiran Support Team Lead
    Replied on January 11, 2017 at 1:53 PM

    The issue is happening due to the field label with number 10. Since it has an extra digit than the other badges, the field next to this field is moved a little.

    You may inject the following CSS to your form so that the fields are displayed properly.

    #id_167 {

        margin-left: 33px;

    }

    How to align the fields on the form? Image 1 Screenshot 20

    Hope this information helps! 

  • Kiran Support Team Lead
    Replied on January 11, 2017 at 1:55 PM

    Here is the guide that helps in injecting the CSS code to the form.

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Thank you!