How to decrease adding/space above and below form box

If you are working on a designer/theme styled form, please add the next CSS in order to remove the top padding.

@media screen and (min-width: 1024px) {
.jotform-form {
padding-top: 0;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.jotform-form {
padding-top: 0;
}
}
@media screen and (max-width: 768px) and (min-width: 480px) {
.jotform-form {
padding-top: 0;
}
}

Please let us know if you need any further assistance. We will be happy to help.

I don't really see any difference when the code was added. and I would need the space below the form to be removed as well BTW. 

Please provide us with a link to the web page in question. If the form is not embedded, provide direct form link. Otherwise, we will not be able to check the actual issue.

Here is a link to the form in question: http://answerfirst.staging.wpengine.com/answer1stnet/

To remove both top and bottom paddings use the next CSS:

@media screen and (min-width: 1024px) {
.jotform-form {
padding: 0;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.jotform-form {
padding: 0;
}
}
@media screen and (max-width: 768px) and (min-width: 480px) {
.jotform-form {
padding: 0;
}
}

Since the form is embedded with a source code, you will need to re-upload updated form code to the site or inject the CSS to the current code.

You might also need to adjust margins a bit on your website containers.

Thank you.