How to style upload button on a 'single image preview' widget

  • voeth
    Asked on September 26, 2014 at 5:17 PM

    Is it possible to customize the button that is part of the 'single image preview' widget, either through selecting frmo a set of examples of differently styled buttons, or by adding html or css? I've tried the latter, but don't know what class or id this button part of the widget can be called by.

    Thanks in advance!

    Jotform Thread 435126 Screenshot
  • Mike_T Jotform Support
    Replied on September 26, 2014 at 6:53 PM

    Thank you for contacting us.

    Most of the jotform widgets are being loaded from a remote address, so that we can not use CSS injections on them. In other words, we can not apply our custom CSS on the Single Image Preview widget. 

    In case you can use a standard Upload File field, it is possible to use the next CSS selector:

    input[type="file"] {
    //styles here
    }

    However, it might be still not that easy to style the upload button, since browser use their default upload button controls. There is an article about this:

    Styling an input type="file"

    Also, you can find some workarounds on a Stackoverflow:

    html - Styling an input type=“file” button

    Please feel free to contact us if you need any further assistance.