Unable to position the submit button in center?

  • Profile Image
    Lenychka
    Asked on September 08, 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.

  • Profile Image
    John_Benson
    Answered on September 08, 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.png

    1567960404btsion.png

    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.png

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

  • Profile Image
    Lenychka
    Answered on September 08, 2019 at 12:59 PM

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

    1567961986Untitled.png

  • Profile Image
    BDAVID
    Answered on September 08, 2019 at 01: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.png

    Hope this helps.

  • Profile Image
    Lenychka
    Answered on September 08, 2019 at 02: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:

    15679663431.png


    PREVIEW:

    15679663542.png

  • Profile Image
    Mike
    Answered on September 08, 2019 at 02:28 PM

    Please try adding the !important property to the CSS:

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