How can I add a little bit of blank space above just my "Submit" button?

  • Profile Image
    MartyG
    Asked on February 20, 2012 at 09:19 PM

    Since I am only selling one product, my Payment tool section does not appear on the form, so just above my Submit button (it's on the bottom of the form), is a Check Box tool section...but there is hardly any white space between the Payment line ("Order & Pay" on my form) and Check Box line ("Clicking this box confirms...").  Can you give me the procedure to add some space just between these two lines? Thanks.

  • Profile Image
    idarktech
    Answered on February 20, 2012 at 09:26 PM

    Hi there,

    Please inject this css code to your form:

    .form-submit-button, .form-submit-reset, .form-submit-print, .form-screen-button {margin-top: 15px;}

    Guide on how to inject custom css to your form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps. If you'd like to have much bigger space above your submit button, just increase 15px to maybe 20px.

    If you have further questions, please let us know. Thank you so much!

  • Profile Image
    MartyG
    Answered on February 20, 2012 at 09:57 PM

    Thanks for your quick response. However, I only want to inject extra space above JUST my Submit button, and NOT above any other button. How can this be done?

  • Profile Image
    idarktech
    Answered on February 21, 2012 at 12:50 AM

    Hello,

    Sorry, please try this code instead.  :)

    #input_16{

    position:absolute;

    top:20px;

    }

    #input_reset_16, #input_print_16{

    margin-left:350px;

    }

    Just message me here if you have further questions. Thank you so much!

  • Profile Image
    MartyG
    Answered on February 22, 2012 at 12:37 AM

    Thanks for your help.