Form: Change the Margin and Alignment of the form

Ik zie dat het contactformulier gecentreerd wordt, maar mijn website is alles links uitgelijnd. Ik wil dan ook de achtergrond verwijderen of in ieder geval zorgen dat het daadwerkelijke contactformulier links staat ipv gecentreerd. Hoe doe ik dit?

Hi SKKW,

Thanks for reaching out to Jotform Support. Our Dutch Support team is not available at the moment. Hence, I am using a translation tool to review your ticket and respond in English.

Regarding your concern, are you referring to this form, https://www.jotform.com/form/231653043830348. I can see that the form is centered on the page. Do you want to move the entire form to the left side of the page? This needs to be done using CSS.

.form-all {

margin-left : 0px !important;

}

If you want to remove the background color, you can do that from the Form Designer tool. Just remove the page color. See below:

See this demo form if that's how you would like to customize. Please review and let us know.

Great, thanks very helpful.

Can you also give me the custom code to change the margins on the top and bottom please?

Hi SKKW,

Thanks for reaching out to Jotform Support. Let me show you how to change the margin on the top and bottom of your form:

• In Form Builder, click the Paint icon on the top right of the screen.
• In Form Designer, click Styles.
• Next, inject the CSS code below:

.form-all {

  padding-top : 1px!important;

  margin-top : -20px!important;

}

• After you injected the CSS code, click Save.

You can check out this guide about How to Inject Custom CSS Codes.

Let us know if you need any more help.

Thanks it worked.

Hi Skkw,

Thanks for reaching out to us. I answered your other questions on a new thread. You can go ahead and check that out here for Embed form issues and here for Smart PDF issues. 

Let us know if you need any more help.