How can I tighten or reduce space on my forms?

  • nirradreltub
    Asked on November 16, 2020 at 4:25 PM

    1605561911 5fb2ee37a5e0c Screenshot 10

  • Jed_C
    Replied on November 16, 2020 at 7:30 PM

    To reduce the space, please add the CSS code below.

    div#cid_176 {
    
  margin-top: -23px !important;
    
}
    
div#text_128 {
    
  margin-top: -33px !important;
    
}
    
div#text_125 {
    
  margin-top: -29px !important;
    
}

    1605572997 5fb319854dd7c Screenshot 10

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

    Let us know if you have any questions or if you need further assistance.

  • nirradreltub
    Replied on November 28, 2020 at 6:00 PM

    Thanks Jed C - I see three areas to add/edit the CSS code. Which of the three areas do you suggest I add the code, to reduce the space around so many of my fields?


  • Jed_C
    Replied on November 28, 2020 at 8:05 PM

    One of the easiest way for users to modify the CSS is via Advanced designer tool. You'll immediately see the changes in the styling in Advanced designer tool.

    Here's our guide on how to access it https://www.jotform.com/help/935-how-to-access-the-advanced-designer?.

    Let us know if you have any questions.