Voog.com

Adding a custom image style


You can add a custom spark to the content images on your site by adding custom CSS classes similar to how you can add custom classes to text. 
To add custom classes to the image editor toolbar, push the information to the edy configuration object in a imageStyles option:
<script>
  window.edy = window.edy || [];
    var options = {
      name: 'Rounded',
      classname: 'image-rounded'
    };
  edy.push(['imageStyles', options]);
</script>

The class is added to the .image-container element.

Options

  • name - (string) Name of the style, as it appears to the end user in the image editor toolbar.
  • classname - (string) The class that is added to the image.