How to Use the Elementor Image Widget
Adding images to your website using the Elementor Image Widget.
Adding an Image
In the Elementor Editor, you can drag the Image widget from the panel on the left of the canvas area. Click the image picker to select your image.
Editing the Image
Selecting the Style tab allows you to set the border radius, custom size, and opacity and apply a box shadow.
Advanced Settings
In the Advanced Settings tab, you will be able to apply Margins and Padding to your image. Experiment with Motion Effects, a great way to make your website interactive. Find the correct location of the image by editing the Positioning settings.
Watch the step-by-step guide for more help.
Elementor Image Widget tutorial will cover:
✔︎ Adding an image
✔︎ Image content options
✔︎ Optimizing images
✔︎ Styling images
✔︎ Using CSS filters
✔︎ Adding a hover effect
✔︎ Creating circular images
✔︎ And much more!
