How to remove the space between fields and text elements?

  • Profile Image
    barilyman
    Asked on June 04, 2020 at 03: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.46


    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.

  • Profile Image
    Kevin_G
    Answered on June 04, 2020 at 03: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. 

  • Profile Image
    barilyman
    Answered on June 04, 2020 at 04: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.png



  • Profile Image
    Kevin_G
    Answered on June 04, 2020 at 05:39 PM

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

    15913066912020-06-04_15h36_48.png

    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.