Unable to position the submit button in center?

  • Lenychka
    Asked on September 8, 2019 at 10:45 AM

    Please help me with centering the Submit Button.  I have selected Centered in the design and even with Advanced Designer but the button is still to the left.  Maybe something is wrong with the CSS.

  • John_Benson
    Replied on September 8, 2019 at 12:34 PM

    I've checked your live form and I can verify that the Submit button is in "block" mode. Here's a screenshot:

    1567960222submit Screenshot 10

    1567960404btsion Screenshot 21

    If you want to use the "normal" or "large" mode for the Submit button, then please add this custom CSS code:

    .form-submit-button {
    margin: 0 auto;
    }

    Here's the result:

    1567960321submit2 Screenshot 32

    Hope that helps. If you have any questions, let us know.

  • Lenychka
    Replied on September 8, 2019 at 12:59 PM

    For some reason on my screen the buttons do not seem centered?

    1567961986Untitled Screenshot 10

  • David JotForm Support Manager
    Replied on September 8, 2019 at 1:53 PM

    Please try adding the following CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .qq-upload-button {

        margin-left: -8% !important;

    }

    Result:

    1567965160result Screenshot 10

    Hope this helps.

  • Lenychka
    Replied on September 8, 2019 at 2:13 PM

    The above code works but for some reason, the size of the buttons increases when you click on Preview.  It is smaller in design mode and much larger in preview mode.


    DESIGN:

    Unable to position the submit button in center? Image 10


    PREVIEW:

    Unable to position the submit button in center? Image 21

  • Mike
    Replied on September 8, 2019 at 2:28 PM

    Please try adding the !important property to the CSS:

    .form-submit-button {
    width : 100px !important;
    margin : 0 auto !important;
    }

    Unable to position the submit button in center? Image 1 Screenshot 20