How to remove the space between fields and text elements?

  • barilyman
    Asked on June 4, 2020 at 3:04 PM

    Thanks, this has been really helpful.  One last thing I'm trying to do is remove some extra space between text and field areas.  I can't find a way to do this in the properties of either the text area or field.  Here's an example of space I'm trying to shrink up:

    1591289782Screen Shot 2020 06 04 at 9 Screenshot 10


    I removed the label for that multiple choice field, as I need the question to be longer and more stylized - which is why I added the text area above it.  I just don't need that extra white space between the two.

  • Kevin Support Team Lead
    Replied on June 4, 2020 at 3:18 PM

    It's possible to reduce the space injecting this  CSS code: 

    li#id_50 {

        margin-top: -15px;

        padding-top: 0px;

    }


    li#id_37, li#id_37 .form-html, li#id_37 .form-input-wide  {

        padding-bottom: 0px;

        margin-bottom: 0px;

    }

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

    I hope this helps. 

  • barilyman
    Replied on June 4, 2020 at 4:07 PM

    Thank you!  Do you know how I can get the text in a paragraph block to match the text font/size of the field labels?  See here:

    1591301241image Screenshot 10



  • Kevin Support Team Lead
    Replied on June 4, 2020 at 5:39 PM

    It's possible to change the font size on the text editor: 

    15913066912020 06 04 15h36 48 Screenshot 10

    You may also inject this code that will change all the text elements font size: 

    .form-html span {

        font-size: 18px !important;

    }

    You may refer to the guide given before in order to inject the code. 

    I hope this helps.