How to change the style of the multiple upload button?

  • parency
    Asked on April 19, 2016 at 3:19 PM

    Hello, 

     

    I need the style of this button on my form to match with the other fields. In terms of both height and width, and center the text...How can I do this?

     

    Thanks, 

    Jotform Thread 822205 Screenshot
  • Kevin Support Team Lead
    Replied on April 19, 2016 at 5:02 PM

    The class that you will need to use in order to change the style of that button is the next one: 

    .qq-upload-button{

        width:200px;

        height:200px;

    }

    **Do note that the style is only as example, you may change this properties as well as the values, feel free to add your custom code, adding your code using this class will affect and update the style of the multiple upload button. 

    You may inject this CSS code or paste it in the designer. 

    This guide will help you to inject the CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    To add the code in the designer you will need to click on the designer icon on the top toolbar in the Form Builder: 

    How to change the style of  the multiple upload button?  Image 1 Screenshot 30

    Then paste the CSS code on the CSS tab. 

    How to change the style of  the multiple upload button?  Image 2 Screenshot 41

    If you need some help trying to apply an specific style to your form, then do let us know and we will be glad to assist you. 

  • parency
    Replied on April 20, 2016 at 12:50 PM

    Hello,

    Please help! I clicked on th designer and made one change and my whole form has gone crazy!

    How can I go back to normal asap?

    Thanks, Scott

  • Mike_G JotForm Support
    Replied on April 20, 2016 at 3:36 PM

    I'm not sure what changes you made on your form over the Designer, but you can try to revert the changes you made by going to the Revision History of your form. Please check the guide below to learn how to use the Revision History. 

    How-to-View-Form-Revision-History

    Let us know if you need any further assistance. Thank you.