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 to remove jotform indents?

    Asked by kimmarla on October 13, 2014 at 09:29 AM

    I would like to take out the automatic left indent on the forms and align it with the rest of the items on the page. This indent is especially troublesome where I'm using the form on a narrow sidebar widget. How can I set that indent, or padding, to zero?

    I'm attaching one URL below, but this indent is really a problem on all of my websites. 

    Thank you!

     

    Page URL:
    http://bigikicoaching.com/

    problem sidebar items all indent margin left css margin alignment
  • Profile Image
    JotForm Support

    Answered by KadeJM on October 13, 2014 at 11:20 AM

    I see you are having an indent problem with your form since your webpage has it cut off from what I can see so far.

    To fix this you can use the following injected css code:

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

    It will shift your form from the center to the far left removing the indent completely. You can play around with the numbered value to adjust it accordingly on your page(s) until you find what you like.

  • Profile Image

    Answered by kimmarla on October 13, 2014 at 11:31 AM

    Thank you KadeJM - that sounds like exactly what I need, but it doesn't seem to be doing anything. I'm using it together with Google Web Fonts, also in the injected CSS code.

     

  • Profile Image
    JotForm Support

    Answered by ashwin_d on October 13, 2014 at 01:39 PM

    Hello kimmarla,

    Changing the margin left value to "-33px" should solve your problem.

    Please inject the following custom css code in your form and see if that works as expected:

    .form-all {

    margin-left: -33px !important;

    }

    Do get back to us if the issue persists.

    Thank you!

  • Profile Image

    Answered by kimmarla on October 13, 2014 at 02:01 PM

    Yes - thank you! That did the trick!