What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to change the style of the multiple upload button?

    Asked by parency on April 19, 2016 at 03: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, 

    Page URL:
    https://eu.jotform.com//?formID=61086073990359

    Screenshot
    style height thanks hello multiple upload CSS How to
  • Profile Image
    JotForm Support

    Answered by Kevin_G on April 19, 2016 at 05: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: 

    Then paste the CSS code on the CSS tab. 

    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. 

  • Profile Image

    Answered by parency 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

  • Profile Image
    JotForm Support

    Answered by Mike_G on April 20, 2016 at 03: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.