Changes to CSS not applied to the file upload button

  • dturnercasham
    Asked on April 11, 2016 at 6: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: https://form.jotform.com/61014859140147
  • Kiran Support Team Lead
    Replied 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.

    Changes to CSS not applied to the file upload button Image 1 Screenshot 20

    Hope this information helps!

  • dturnercasham
    Replied on April 12, 2016 at 12:23 AM

    Worked great.  Thank you!