Change "Upload Files" button text/image/CSS

  • zxii
    Asked on September 25, 2014 at 4:08 AM

    I'm wondering if there is a way to change  the look and text of Upload Files button which does not allow mutliple files uploads.  Now the button is in the standard format , but I really need it to be bigger, blue and align-center. Please teach me how to use CSS to change the look of a button  and besides how to change the text value of the button.

    Page URL: http://form.jotformpro.com/form/42671665958975
  • egeg
    Replied on September 25, 2014 at 6:32 AM

    Hi there,

    You can find the multiple upload option in the properties toolbar for the upload field as shown below. 

    Change Upload Files button text/image/CSS Image 1 Screenshot 20

    It also fashions a custom drag&drop feature and adds a custom button that can be stylized according to your tastes. In order to style it, you need to use the Inject CSS functionality with the ".qq-upload-button" selector. So a sample css would be:

    .qq-upload-button {
        background-color: blue;
    }

    Please let us know if there's anything else we can help you with. Thanks.