Skip to main content

Cloudinary upload widget - styling upload preview image (width and height)



  • Roee Ben Ari

    To customise the progress thumbnail container, you will actually need to apply changes to several selectors, which are pre-defined with fixed width and height values.

    Please refer to the following sample project (on jsFiddle) -

  • Petros Tirokomos

    Thank you very much for the help, Ben-Ari! I appreciate it very much!

    I will let you know below about the exact issue.

    I have styling a minimal version of Widget. I have upload a working example here:

    It works fine, except the preview image height/width during the upload.

    Here is what I want to achieve:

    - display:none for any preview image

    - display a gif (progress bar 32x32px) instead

    background: url("")

    ... a result closer to this.

    I have spend countless hours for it, but it seems I make one spoils the other. The styling of the widget is very difficult!

    The only I can hope is a help from the support forum, 'cause the above is a good minimal version of the uploader and shame to not be functional...



  • Roee Ben Ari

    Hi Peter, can you please open a support ticket and share with us your use-case and the code you are currently using, so we can have a closer look at this?


Post is closed for comments.