Embedded form: How to reduce the spacing between my fields?

here ia form we created. I need help with two things. 1) Need to condense the space between fields. 2) i need to remove space above the form and Get started today as well. The form covers too much real estate. Thanks.

Hi Stafon,

Thanks for reaching out to Jotform Support. I checked your form and it seems that the spaces between each fields have already been adjusted. In any case, let me show you where it can be adjusted in the Form Designer settings:

• In Form Builder, click on the Paint Roller icon on the right.
• Next, under the Styles tab, adjust the Question Spacing value. It can also be a negative value.
  

To reduce the spacing at the top of your form, we can apply some CSS codes. Let me walk you through it:

• In Form Builder, click on the Paint Roller icon on the right.
• Next, click on the Styles tab and paste the following codes into the CSS box.

/* reduce top margin when embedded - 14426221*/

.supernova.isEmbeded {

margin-top: -50px;

}

/* Ends here */

At the end of the steps in the screencast above, you'll see how it would appear on your webpage. We also have a guide on How to Inject Custom CSS Codes that you can check out.

Give it a try and let us know if you need any help.