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

    Increase Submit Button Font Size And Reduce The Space Between Fields

    Asked by Johan on August 03, 2013 at 04:53 AM

    Hi

     

    Ive tried reading all of your forum posts as reference to create an application form: http://www.jotform.us/guest_31900813514042/this_is_a_custom_url

    However, Im still having the following issues:

    I cannot make the fornt in the submit button bigger, Id also like to make it flat color with 5px round corners and change the color to green

     

    The first zip code field prefills to 123, is there a reason why?

     

    is there a way to reduce space between pictures and radio buttons, fields or headers?

     

    The form border (with white inside and transparent outside) is not showing up on my page for some reason

    JotForm application form radio buttons create
  • Profile Image

    Answered by jefreylandicho on August 03, 2013 at 08:10 AM

    To adjust the spaces between fields, please add the code below in your form style CSS.

    .form-line { padding-bottom:0px !important; padding-top:0px !important; }

    To increase the font size of the submit button, please add the code below in your form style CSS.

    .form-submit-button { font-size: 30px; }

    To inject a custom CSS in your form style, go to Setup & Embed > Preferences > Form Styles.

    Regarding the zip code field, the reason why the prefill happens is probably because your browser autofill setting is enabled. Try disabling your browser autofill and it should resolved the issue. 

    If you need further assistance, please contact us again.