The Filter Image Module features 15 preset filter effects and 8 custom filter options to improve and adjust existing images or to create some fun and interesting filter effects.
The predefined filters are made up of 13 recreations of popular Instagram style filters created using blend modes and overlays and 2 preset options for a cool Tilt Shift effect either in grayscale or colour.
The Manual Settings allow you to adjust the image Contrast, Brightness, Saturation, Sepia, Grayscale, Invert, Hue-Rotation and Blur.
The filter effects can instantly be applied to your images or you can choose to apply the effect only on hover.
Please Note: Some of the predefined filter effects use the CSS property ‘mix-blend-mode‘ which is not ‘animatable’. This means that the Divi Image Animations will not work with those presets so it is advised to disable the animations when using them.
You will require the Divi WordPress Theme or the Divi Builder to use this plugin.
This is an extremely lightweight plugin requiring no extra loading of .css or .js files.
Installation
Install and activate the plugin like any other WordPress Plugin.
Once installed and activated the Filter Image Module will be available along with the Divi Modules for the standard and speciality sections when you click the Insert Module(s) button in the Divi Builder.
Set-up
Add the Filter Image Module to your layout.
To enable and adjust the Filter Effects click the Filter Settings Tab and then click the ‘Filter Effect‘ Toggle switch to the ‘on‘ position. Choose whether to display the effect on hover and choose a pre-defined effect or select ‘Manual Settings’ from the Filter Preset drop down.
Choosing the Manual Settings option will enable the settings for the custom filter effects.
2 Comments
Submit a Comment
You must be logged in to post a comment.
Changelog:
= 1.0.1 = * Fixed z-index property not being applied to Instagram style presets. = 1.0.0 = * Initial releaseCheckout the documentation first and if you still need help open a support ticket.
View DocsPlease scroll down for the support form
This theme, layout or plugin is comprised of two parts.
1. The PHP code and integrated HTML are licensed under the General Public
License (GPL). You will find a copy of the GPL in the same directory as this
license file.
2. All other parts, including but not limited to the CSS code, images and design are
copyrighted by the vendor concerned and are NOT licensed under GPL.
This license allows the item to be used in projects for either personal or commercial use by you or on behalf of a client. The item cannot be offered for resale either on its own, in part, or as part of a larger project including that being part of a hosting offer. Distribution of source files is not permitted.
*Support is provided by vendors directly.
Please login to access the support form. you can do so here
Great plugin, thank you! A feature idea to the developer: filtering background images.
Hi Katja, thank you for your kind comments and feature request; always great to hear.
I hope you’ll be very pleased to hear that I currently have a few modules under development including a Filter Blurb module with these effects applied to the background image so please keep an eye out.
All the best.
Darren