Changes to CSS not applied to the file upload button

  • Profile Image
    dturnercasham
    Asked 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. 

  • Profile Image
    Kiran
    Answered 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
    dturnercasham
    Answered on April 12, 2016 at 12:23 AM

    Worked great.  Thank you!