Short text fields slightly out of alignment

  • craddock
    Asked on May 31, 2025 at 4:13 AM

    Hi, Jotform team- I duplicated two fields (date and short text, both shrunken) 10 times. The original 2 fields were in alignment horizontally. For the duplicated fields, on the published version of the form (not the build version), the short text fields are all slightly lower than the date fields. Can this be fixed?


    Thanks in advance!


    Short text fields slightly out of alignment Image 1 Screenshot 20

  • Ronald JotForm Support
    Replied on May 31, 2025 at 6:56 AM

    Hi April, 

    Thanks for reaching out to Jotform Support. You can easily align the duplicated fields by Injecting CSS Codes into your form. Let me walk you through it:

    1. First, copy this code:

    div#cid_66,
    div#cid_69,
    div#cid_72,
    div#cid_75,
    div#cid_78,
    div#cid_81,
    div#cid_84,
    div#cid_87,
    div#cid_90 {
      margin-top: -27px;
    }

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    Short text fields slightly out of alignment Image 1 Screenshot 30

    See the screencast below for the results:

    Short text fields slightly out of alignment Image 2 Screenshot 41

    Give it a try and let us know how it goes.

Your Reply