Image Widget

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.

image 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 – Optionally, add a caption to the bottom of the image. Choose to either create a new custom caption or use the current Attachment Caption from the image’s location in the WordPress Media Library.
  5. Link To – Set a link to a custom URL, media file, or no link. Choose “media file” to link directly to the location of the image within your media library. Choose “custom URL” to link to any page on any site. Choose “none” if you don’t want to add a link to the image at all.

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

Share it on social networks

Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page