How do I remove space around my form?

  • Profile Image
    thebob35
    Asked on May 21, 2015 at 08: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!

  • Profile Image
    Chriistian
    Answered on May 21, 2015 at 08: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. 

  • Profile Image
    thebob35
    Answered 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

  • Profile Image
    Syed
    Answered on May 23, 2015 at 12:30 AM

    Hi there;

           As you haven't hosted your form yet. Could you then please take a screenshot of this issue and post here, so that we can look through the problem. It will help us to look thoroughly the problem.

    Looking forward to hearing from you.

    Thankyou,

  • Profile Image
    thebob35
    Answered on May 23, 2015 at 01:20 AM

    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 :)

  • Profile Image
    Chriistian
    Answered on May 23, 2015 at 01: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.

     

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

     

    If you need further assistance, do let us know.

     

    Regards.