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

    Advanced Designer: Change button style of "file upload" button?

    Asked by JKulp42757 on July 27, 2017 at 08:01 PM

    Right now the "file upload" button and the submit button at bottom have the same style..I'd like to change this.

    I tried using the preset button style options, but nothing other than the border really changed. How can I change the color, font, etc... of ONLY the file upload button?

    My form is here: https://form.jotformpro.com/72076115984966


    Thanks!

  • Profile Image
    JotForm Support

    Answered by Mike_G on July 27, 2017 at 11:21 PM

    If you only want to style the File Upload button, you can use CSS codes — How-to-Inject-Custom-CSS-Codes

    .qq-upload-button {

        font-size: 30px;

        color: yellow !important;

        background: purple !important;

        font-family: "Comic Sans MS", cursive, sans-serif !important;

    }

    I hope this helps. If you have other questions, please feel free to contact us again anytime.

  • Profile Image

    Answered by mchardy418 on July 28, 2017 at 03:41 PM

    I have tried this one and it seems to work perfectly in the advanced designer part, but when I go back to "Form Builder", it doesn't show in the form nor in the Designer CSS...

    Advanced Design CSS TAB:

    Form Builder Design CSS TAB:

  • Profile Image
    JotForm Support

    Answered by Chriistian on July 28, 2017 at 05:15 PM

    I was not able to find the CSS provided by my colleague in the form you have provided.

     

    Have you already applied it? If not yet, please see steps below.

     

    Make sure to click Save after your changes.