Widget styling

  • This documentation is for the version 3.6.1 of the widget. If you're looking for the widget v2 docs, check here.

We understand you don’t want to just integrate the widget; you would also like it to be a good fit for your app workflow and user interface.

Uploadcare Widget is designed to inherit styles from your page and be highly customizable at the same time. By default, all elements are scaled in line with your font size,

Times New Roman, 12px:

Courier New, 18px:

Our widget is thoroughly annotated with CSS classes, and that’s where its customization truly begins. You can find a class for every widget item by inspecting its elements or sifting through the widget source code.

You can also customize the look of our upload dialog by using the corresponding uploadcare--dialog class.

Check out more visual tweaks and widget customization examples.

We’re always happy to help with code, integration, and other stuff. Search our site for more info or post your question in our Community Area.