Croppie - element plugin to crop and zoom images before upload

Hi @hikaru

The relevant classes to override styles for are:
cr-viewportx
cr-vp-squarex

and maybe
cr-overlay

For example, this causes the grey box to disappear …

$('.cr-vp-square').css('box-shadow','unset')

I suggest having a play with the styles in the browser, then figure out how to modify them for the page load.

Luke had some success with changing the styles here:

You could auto generate the preview frequently, it is a javascript function, but saving it means a server upload, which is costly in performance.

1 Like