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 add padding on the left in a textbox?

    Asked by brssi_exam on December 09, 2014 at 03:57 AM

    Hi;

    I have attached an image where you can see that the input text in the text box is not started from the extreme left of the box... but in the link I have shared with you (http://www.jotform.me/form/43254872974466) here the input text starts from the extreme left of the text box [MEMBER ID FIELD].

    I want also the same effect in my form using CSS code. (input text will not start from the extreme left of the box)

    Please provide me the CSS code for this effect. 

    Thanks in advance. ...

    Page URL:
    http://www.jotform.me/form/43254872974466

    Screenshot
    problem JotForm css code
  • Profile Image

    Answered by Ben on December 09, 2014 at 08:49 AM

    Hi,

    If you would like to have all of the textboxes on the jotform with the same padding you could add this CSS:

    .form-textbox {
        padding-left: 20px;
    }

    If you would like to do it for only one element, I would suggest this code:

    #input_1 {
        padding-left: 20px;
    }

    You can find the IDs of elements (#input_1 above) following this guide: How to find Field IDs & Names

    You can see here how to inject the CSS codes: Inject Custom CSS Codes

    Do let us know if you have any further questions.

    Best Regards,
    Ben