Images

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.
2. Image Size – Choose the size of the image
3. Alignment – Set the image Alignment
4. Caption – Add caption to the bottom of the image.
5. Link To – Set a link to a URL, media file or no link.

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.

Advanced

Set the Advanced options that are applicable to this widget