Increase Submit Button Font Size And Reduce The Space Between Fields

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

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