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 adjust right padding of the text field?

    Asked by leadingageconferenceservices on April 15, 2016 at 08:38 AM

    Hello,

    How do I get them in? I made the form wider but the sentences went with it.

    https://form.jotform.com/60815295936162

    Page URL:
    https://form.jotform.com/60815295936162

    Screenshot
    form padding right padding text field
  • Profile Image
    JotForm Support

    Answered by Nik_C on April 15, 2016 at 10:24 AM

    You could inject this CSS code to your Custom CSS:

    .form-html {

        padding-right: 20px;

    }

     That should adjust your text field.

    Hope it helps.

  • Profile Image

    Answered by leadingageconferenceservices on April 15, 2016 at 01:43 PM
    Hello and thank you for your quick response!
    I see form-html { but do I erase something or just add “padding-right…” beneath that text? I am scared to mess up the coding so I want to be sure.
    }
    .form-label-top,
    .form-label-left,
    .form-label-right,
    .form-html {
    color: #070707;
    }
    .form-checkbox-item label,
    .form-radio-item label {
    color: #212121;
    }
    Thanks,
    Danielle Gray, CEM| LeadingAge| Manager, Exhibit & Sales Operations
    • 202.508.9473 | Fax 202.939.5820
    2519 Connecticut Ave. Washington D.C. 20008
    ...
  • Profile Image
    JotForm Support

    Answered by david on April 15, 2016 at 03:07 PM

    If you add the code in with the section you referenced, it will apply to the other elements listed there as well.  Add the code my colleague referenced at the bottom of all of your current code.  No need to erase or edit any of the current code, simply add the extra code at the very bottom of all of the current code.

  • Profile Image

    Answered by leadingageconferenceservices on April 15, 2016 at 03:43 PM
    Success!! Thanks so much your Customer Service here is excellent!
    Danielle Gray, CEM| LeadingAge| Manager, Exhibit & Sales Operations
    • 202.508.9473 | Fax 202.939.5820
    2519 Connecticut Ave. Washington D.C. 20008
    ...