align submit button

  • bubbbab
    Asked on July 18, 2015 at 8:21 AM

    I am hoping to find a way for a form such as this http://form.jotformpro.com/form/51983013959969 to vertically center the submit button with the other two fields.  The submit button is a little higher than the input fields. 

    Thanks in advance for any assistance.

    Steve.

  • AaronSiciliano
    Replied on July 18, 2015 at 11:16 AM

    You can use custom CSS to manually reposition the elements on the form. In this case moving the submit button would take the following custom CSS code below. You can modify the amount of pixels used in the code to reach whatever vertical spacing you desire to have.

     Here is an example form that I built with the custom CSS injected. 

     

    .form-submit-button {

    margin-top: 14px;

    }

     

    To inject Custom CSS please refer to the image below and follow these steps. Open your form in the Form Builder. Click on the preferences button. Click on the Form Styles tab and then you can type or paste your custom CSS code into the TextArea labeled "Inject Custom CSS". 

     

    align submit button Image 1 Screenshot 20

     

  • bubbbab
    Replied on July 18, 2015 at 11:24 AM

    Thank you very kindly, Aaron!

  • AaronSiciliano
    Replied on July 18, 2015 at 11:25 AM

    You are very welcome! I am glad to help.