Add in images and background images to your website.
Adding a Image Element
Step 1
Once inside of Elementor - scroll on the left hand side bar until you see the Image element. Click and drag the Image element where you would like it on your page.
Step 2
Click the grey placeholder image on the left hand side bar to open up your media library. You can now drag and drop an image from your computer or use an existing image by clicking the Media Library tab.
Step 3
After uploading an image, or selecting an image in the Media Library, click the Select button in the bottom right hand corner of your Media Library to confirm.
Step 4
After uploading an image, or selecting an image in the Media Library, click the Select button in the bottom right hand corner of your Media Library to confirm.
Step 5 (Optional)
Once complete, we can now use the Style Tab and Advanced Tab to make stylistic edits to our new Image element.
Adding a Background Image
Step 1
Once inside of Elementor - select the container you want to add a background image to. You can select your desired container by clicking on the 6 dots in the top tab when hovering.
Step 2
Select the Style tab on the left hand side bar. Under background type, select the Classic option. The Classic option displays as a paintbrush icon.
Step 3
Click the grey placeholder image on the left hand side bar to open up your media library. You can now drag and drop an image from your computer or use an existing image by clicking the Media Library tab.
Step 4
After uploading an image, or selecting an image in the Media Library, click the Select button in the bottom right hand corner of your Media Library to confirm.
Step 5
After uploading an image, or selecting an image in the Media Library, click the Select button in the bottom right hand corner of your Media Library to confirm.
Step 6
Adjust the placement of the image using the Position field and Display Size field. The position field controls what part of the image is focused on while the Display Size field allows us to stretch the image to the container size. We'd recommend using Display Size - Cover.