How to add padding on the left in a textbox?

  • Profile Image
    brssi_exam
    Asked 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. ...

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