Image widget

Images play a vital role in web design, so you will probably use the image widget a lot when designing your website. Let's go over all the settings you can control for this widget.

Content

1. Image - Upload an image or choose Dynamic to dynamically use the featured image for posts, site logo, and author's profile image.
2. Image size - Choose the size of the image
3. Alignment - Set image alignment
4. Subtitle - Add a caption at the bottom of the image.
5. Link to - Link to a URL, media file or no link.

Style

1. Width - Set the width of the image
2. maximum width - Set the maximum width of the image
3. Scrolling animation - Click the drop-down menu to choose a scrolling animation
4. CSS filters - Set CSS filters: blur, brightness, contrast and saturation
5. Opacity - Set opacity
6. Duration of transition - Set the duration of the scrolling animation
7. Border type - Set a border type
8. Edge radius - Set an edge radius
9. Shadow of the box - Set shadow box: Horizontal, Vertical, Blur and Spread
10. Subtitle - Set the alignment, text color, text shadow, and title font.

Note: CSS filter / blending modes do not work with Internet Explorer.

Advanced

Set the advanced options that are applicable to this widget