How do I remove space around my form?

  • thebob35
    Asked on May 21, 2015 at 8:39 PM

    Hey, I have recently created a form using the Nova template. After embedding it into my webpage, I realised that there is a significant ammount of blank space around the actual form that I cant seem to get rid of, is there any way to get rid of this space?

    Thanks!

  • Chriistian Jotform Support
    Replied on May 21, 2015 at 8:55 PM

    Hi thebob35, 

    Thanks for contacting us.

     

    To further assist you, may I know the URL of the webpage where you embedded your form?

     

    Regards. 

  • thebob35
    Replied on May 22, 2015 at 11:34 PM

    I havent actually hosted it yet, its for a school project so we are still building our websites... is there any way I could give you the URL of the form itself? or take screenshots of the page? I'm a bit of a noob haha sorry for being difficult :P

     

    hope this can help: http://form.jotform.co/form/51320003645844

  • thebob35
    Replied on May 23, 2015 at 1:20 AM

    How do I remove space around my form? Image 1 Screenshot 20

    As you can see, there is a large amount of white space to the left of the form, I haven't been able to center it via HTML/CSS in my webpage. I would like for it to be in the center of the white area.

    I gave a link to my form in my last post, if you are able to open it you will see that the form is off center in the screen, so i figure I need to fix it in jotform instead of aligning it in the webpage itself :)

  • Chriistian Jotform Support
    Replied on May 23, 2015 at 1:32 AM

    Hi thebob35,

     

    Thanks for the further info. You can move the form to the center of the white area by injecting the following  custom CSS to your form.

    .form-all {

       margin: auto;

    }

     

    Please follow the instructions below to inject the said CSS to your form.

    How do I remove space around my form? Image 1 Screenshot 30

     

    Here's what it will look like after applying the changes above.

    How do I remove space around my form? Image 2 Screenshot 41

     

    If you need further assistance, do let us know.

     

    Regards.