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

    2px gap between button and text field

    Asked by stevenbrewis on July 16, 2016 at 09:51 AM

    Hi there

    I am trying to create a 2px gap between the text field and the button and I've used every tag I can imagine; margin, padding etc. Is there something I am missing?

    This is the form:
    https://form.myjotform.com/61973295655570

    Thank you

     

    custom css padding adjust
  • Profile Image
    JotForm Support

    Answered by Jim_R on July 16, 2016 at 10:47 AM

    Hi Steven, can you try doing the following:

    1. Adjust your form width to accommodate the 2px padding you're trying to achieve. Right now it's set to 300px, change it to 302px to give way to that 2px padding you will add later:

    2. Once that's done, add the following CSS Codes:

    #cid_3 {

       padding-right: 2px;

    }

    Seeing that you managed to inject a lot of CSS customization already, I'll assume you're familiar with the steps on how to place these on your form. But just in case you need help, here's our guide [GUIDE: How-to-Inject-Custom-CSS-Codes]

    RESULT:

    Please give it a go and let us know if you need further assistance.