modify vertical spacing for certain fields

  • adea
    Asked on June 7, 2021 at 5:35 PM

    I have a form that I would like to get rid of some of the excessive white space below the survey name, the space after the first blue divider and the space before the second blue divider. I tried changing the survey title field to a Paragraph instead of a Header, but it doesn't seem to have made any difference. I also tried various CSS parameters and they didn't work either but I obviously used the incorrect CSS elements. Can you help please?

     


  • Kenneth JotForm Support
    Replied on June 7, 2021 at 11:43 PM

    Thank you for reaching support,

    After customizing the form, here is how it looks:

    1623123675 60bee6db23e00 h1 Screenshot 10

    If that is acceptable, kindly insert these codes into your Inject Custom CSS Area: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    li#id_20 {

      margin: 0 auto !important;

    }

    li#id_39 {

      margin: 0 auto !important;

    }

    li#id_3 {

      margin: 0 auto !important;

    }

    li#id_4 {

      margin: 0 auto !important;

    }

    #cid_5 .form-header-group.header-default {

      margin: 0 auto !important;

    }

    I hope that helps.

    Best.

  • adea
    Replied on June 8, 2021 at 5:37 PM

    That helped SO much. Thank you. I can't find a way to change the color of the border around the Thank You page. It's currently a light green color. Is there a way to change it to the same gray as the form itself, which is rgba(155,155,155,0.15). 

  • Kenneth JotForm Support
    Replied on June 8, 2021 at 7:07 PM

    Hi there,

    Unfortunately, customizations on the Thank you Page are limited, so we are not able to change it.

    Best.

  • adea
    Replied on June 21, 2021 at 4:56 PM

    Thanks.