Margin around form - CSS question?

  • Profile Image
    EloineChap
    Asked on February 28, 2018 at 08:05 PM

    I know I have asked this before but I just can't figure out how to do this in the form designer. All I want to do is just decrease the space around the heading in the form so it looks better embedded.

    This is the form https://form.jotform.com/42187265073153

    and you can see how it looks here http://dev.losmedanos.edu/FAQ/questions.aspx

    Perhaps is there is some way to get rid of that shadow and just have the form elements there?

  • Profile Image
    EltonCris
    Answered on February 28, 2018 at 10:26 PM

    Inject this CSS codes to your form to remove the form shadow.

    .form-all {

        border: 0;

        box-shadow: none;

    }

    To get rid of the spacing around the form, add this.

    .jotform-form{

    padding:4px;

    }

    The header spacing can be adjusted in the advanced designer. Here's how:

    Here's how to inject CSS codes in your form http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.