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 – Add a 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.

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

Share on facebook
Share on twitter
Share on linkedin
Share on email

Did this answer your question?

255 people find it useful

Yes

No

Get Started With Elementor Today

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

Cyber Monday Sale: Up to 25% OFF

Sale Ends In

:
:
:

It’s Time To Spoil Yourself!

Up to 25% Off

:
:
: