How can I tighten or reduce space on my forms?

  • Profile Image
    nirradreltub
    Asked on November 16, 2020 at 04:25 PM
  • Profile Image
    Jed_C
    Answered on November 16, 2020 at 07: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_

    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.

  • Profile Image
    nirradreltub
    Answered on November 28, 2020 at 06: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?


  • Profile Image
    Jed_C
    Answered on November 28, 2020 at 08: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.