How to Use the Elementor Image Widget

Adding images with 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, 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!


Share on facebook
Share on twitter
Share on linkedin

Leave a Reply

Your email address will not be published. Required fields are marked *