Images play a vital role in web design, so you will most likely use the Image Widget a lot while designing your website. Let's go over all of the settings you can control for this widget.
Content
1. Image - Upload an image or choose Dynamic to dynamically use Posts featured image, Site Logo, and Author Profile Picture.
3. Image Size - Choose the size of the image
4. Alignment - Set the image Alignment
5. Caption - Add caption to the bottom of the image.
6. Link To - Set a link to a URL, media file or no link.he style tab.
Style
1. Width - Set the Image Width
2. Max Width - Set the Max Width for the Image
3. Hover Animation - Click the dropdown to choose a Hover Animation
4. CSS Filters - Set CSS Filters: Blur, Brightness, Contrast and Saturation
5. Opacity - Set the Opacity
6. Transition Duration - Set the Hover Animation duration
7. Border Type - Set a Border Type
8. Border Radius - Set a Border Radius
9. Box Shadow - Set Box Shadow: Horizontal, Vertical, Blur and Spread
10. Caption - Set the Alignment, Text color, Text Shadow, and Typography of the caption.
Note: Blend Modes/CSS Filters do not work with Internet Explorer.
Advanced
Set the Advanced options that are applicable to this widget