modify vertical spacing for certain fields

  • Profile Image
    adea
    Asked on June 07, 2021 at 05: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?

     


  • Profile Image
    Kenneth_C
    Answered on June 07, 2021 at 11:43 PM

    Thank you for reaching support,

    After customizing the form, here is how it looks:

    1623123675_60bee6db23e00_h1.png

    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.

  • Profile Image
    adea
    Answered on June 08, 2021 at 05: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). 

  • Profile Image
    Kenneth_C
    Answered on June 08, 2021 at 07:07 PM

    Hi there,

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

    Best.

  • Profile Image
    adea
    Answered on June 21, 2021 at 04:56 PM

    Thanks.