What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    How can I move my fields left instead of center?

    Asked by SunbridgeInstitute on December 04, 2015 at 11:18 AM

    The photo that I have in the background is a little distracting, and I would like to move the fields more to the left, because of this. Can I do that?

    Also, I would like to darken the background of the fields section a little, but I can't figure out how to do that. Can you show me?

    Thank you for your help!

    Page URL:

  • Profile Image

    Answered by KadeJM on December 04, 2015 at 12:15 PM

    If I am not mistaken it seems to me that you wish to offset your form to the left some since it is currently centered and distracting being in front of the main parts of your background image.

    To do this you can either use our form designer or injected css.

    Here's the line of css code you would need to shift this to the left.

    .form-all {margin-left: -100px;}


    As for your other question I have moved that to this secondary thread as a new question.

  • Profile Image

    Answered by KadeJM on December 04, 2015 at 12:17 PM

    I also meant to tell you that you can adjust how far to the left you want it by editing the value for " -100px " in the css code. The higher you raise the value the more to the left it will move and the lower you have it into the positives will move it further the other direction. 

  • Profile Image

    Answered by KadeJM on December 04, 2015 at 12:28 PM

    Here's an Updated Version of your Form for You:

    https://form.jotform.com/53375055476966?  [CLONE ME!]

    I set the Negative PX Value to " -15px " because I realized that 100 was way too much when viewing the entire form so I do apologize about that.

  • Profile Image

    Answered by SunbridgeInstitute on December 04, 2015 at 12:36 PM

    I appreciate your thoroughness. I was playing with this and found that there was no difference between -1px and -30px. I find this strange. It would be nice to have a little bit of a margin on the left rather than having my fields butting up against the left side. Is there any way to accomplish this?

    Thank you!

  • Profile Image

    Answered by KadeJM on December 04, 2015 at 01:01 PM

    You are welcome and it's no problem.

    To push it off the edge then you will need to go back into the positive values since that is why.

    I updated this on the cloned form demo above so you can see it visually as well.

    You will notice theres a small gap on the left side.


    Are you planning on embedding this? If so you may possibly need further adjustments.


    Change the CSS to This:

    .form-all {margin-left: 5px;}


    Updated Screenshot of New Result:

  • Profile Image

    Answered by Boris on December 04, 2015 at 02:16 PM

    I can see that this thread is back in our Support Inbox marked as not answered, despite Kade's post above being the last post I could find.

    SunbridgeInstitute, if you had sent a reply after my colleague's last post, I'm afraid that our forum software missed it. Could you please kindly try re-sending your message to us again, and we will be happy to help.

    Thank you.