How to Adjust the Vertical Spacing Between Fields

  • cliftoncheder
    Asked on April 17, 2024 at 3:09 PM

    How can I move 2 fields vertically closer together?

  • Kyle JotForm Support
    Replied on April 17, 2024 at 3:52 PM

    Hi cliftoncheder,

    Thanks for reaching out to Jotform Support. We can inject Custom CSS Code adjust the vertical spacing between specific fields. Let me show you an example:

    1. Click the blue Roller Paint icon in the Form Builder.
    2. Choose the Styles tab from within the Form Designer window.
    3. Next, add the following code inside the Inject Custom CSS section by scrolling down a little. 
    #id_3, #id_4, #id_7, #id_11, #id_9, #id_13, #id_10, #id_17_0, #id_17_1, #id_17_2, #id_17_3, #id_14 {
        margin-bottom: -10px !important;
    }

    How to Adjust the Vertical Spacing Between Fields Image 1 Screenshot 20

    Can you provide with us the link to your form and which fields would you like to adjust for us so I can take a look at it for you?

    Once we hear back from you, we'll be able to move forward with a solution.

 
Your Answer