How to decrease the padding of a Text field on our form?

  • sbcenter
    Asked on February 8, 2016 at 10:38 AM
    Also, I would like to decrease the padding of the free text HTML below my form. 
  • Ben
    Replied on February 8, 2016 at 10:46 AM

    I presume that you mean the following text:

    By clicking Create My Account, you agree that you are over 18 years of age and have read and accepted our Terms and Conditions.

    which can be seen on the last page of your form: https://form.jotform.me/60284491146456

    If that is true, then you can use this CSS:

    #id_16 .form-html p {
        margin-bottom: 0px;
    }

    - It will cancel the current margin that is placed there so it will bring the submit closer for about 10 pixels.

    If you want to make the gap even smaller, you could create a slight modification of the same as such:

    #id_16 .form-html p {
        margin-bottom: -10px;
    }

    Do add only one of the two, codes above, but feel free to change the numeric value in the CSS in that one to match your preferences.

    You should add them to the bottom of your forms custom CSS by following the steps as for the previous issue. Just for reference this is the guide that explains where: Inject Custom CSS Codes

  • sbcenter
    Replied on February 8, 2016 at 10:58 AM

    Thanks for fast response and solution. :)

    I also would to increase the width of "year" box in the Birth Date Picker without affecting the whole width of it. Its because when i select a specific year I cant see the last digit of that year. 

    Thanks

  • Ben
    Replied on February 8, 2016 at 11:06 AM

    I see that you have posted the same thing on your other thread here: http://www.jotform.com/answers/766861 which is related to the dropdown, but it also seems that you might be adding a bit more to the same, as such we will move the response from there to a new thread.