Center the upload button on form

  • ConsumerAttorneys
    Asked on September 19, 2019 at 8:23 PM

    How do I center the "Upload Files" button?  Is their a CSS code?  The button does not seem to be centered.

    Jotform Thread 1972023 Screenshot
  • Elton Support Team Lead
    Replied on September 19, 2019 at 8:53 PM

    Inject the following CSS codes to your form. This should fix it.

    .qq-upload-button {

        box-sizing: border-box;

    }

    .qq-uploader {

        width: 100%;

        max-width: 230px;

    }

    Guide: How to Inject Custom CSS Codes

    Result:

    Center the upload button on form Image 1 Screenshot 20

  • ConsumerAttorneys
    Replied on September 19, 2019 at 9:14 PM

    I cannot seem to get it to work.  Can you please input the changes for me?

  • Elton Support Team Lead
    Replied on September 19, 2019 at 9:20 PM

    Done. I've fixed it for you. Kindly check.

    By the way, the rest of the fields including the submit button are now expanded in its full width. Do you also want to expand the file upload field?

  • ConsumerAttorneys
    Replied on September 19, 2019 at 9:38 PM

    The Submit button is too long.  Can you please make it look like this ...


    1568943487b Screenshot 10

  • Richie JotForm Support
    Replied on September 19, 2019 at 9:52 PM

    You may try this custom CSS

    #cid_18{
    width: 10% !important;

    margin-left: 45%;
    }

    Guide:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please give it a try and let us know if you need further assistance.

  • ConsumerAttorneys
    Replied on September 19, 2019 at 10:12 PM

    I did that and it fixed the button but it made the text boxes above the submit button much smaller.  Please take a look of the height of the text boxes in the photo above and also the photo below.  Can you please fix this?

    1568945482Untitled Screenshot 10

  • Elton Support Team Lead
    Replied on September 19, 2019 at 10:17 PM

    We did not make that changes but we have also fixed that for you. Kindly check.

  • ConsumerAttorneys
    Replied on September 19, 2019 at 10:19 PM

    Thank you very much.