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

    Changes to CSS not applied to the file upload button

    Asked by dturnercasham on April 11, 2016 at 06:11 PM

    I have added some CSS to restyle file upload buttons that shows correctly in designer, however when I save and publish the form takes on the style of the theme and ignores the custom CSS.  Going back into designer shows the correct CSS adjustments. 

    Page URL:

  • Profile Image
    JotForm Support

    Answered by Kiran on April 11, 2016 at 11:48 PM

    Please remove the injected code on your JotForm and add the following code so that the height and color of the upload button would change as per your requirement.

    div.qq-upload-button {

    background: grey !important;

    height: 35px !important;


    div.inputContainer {

    width: 100% !important;


    The second section of the code increases the width of the input area to 100% so that the file explorer opens when clicked on the button. If this width is not 100%, it is restricting to 224px only.

    This is how it should be displaying the upload button after injecting the above CSS code.

    Hope this information helps!

  • Profile Image

    Answered by dturnercasham on April 12, 2016 at 12:23 AM

    Worked great.  Thank you!