Adding an image

This is the long way of adding an image to your website but there’s a reason we’re showing you this way first. You’ll figure out the quickest way yourself, as you get more fluent with using the back end of the site, but for now, we want you to learn the different sections and how they are laid out in the menu system – pages, posts, media and so on. It’s more beneficial in the long run to understand the structure from the start. You don’t need to understand what all of this means for now, just that this isn’t the quickest way to add in an image.

The first thing to do is to click on ‘media’ in the left-hand menu.

Here you can see all of the images already uploaded to your website. Now click ‘add new’.

Next, you’re going to click on ‘select files’ – you now need to browse to the location on your computer where the image you want to upload is. Then click on it and select it to upload it. We can’t show you here how it will look on your computer as every PC and Mac is different.

Once your upload is complete you should see your new image uploaded to the website as below.

Now you need to go to the page you want the image to be added through Elementor or changed on and go through the same process as you did for editing text on an existing page. Once you’ve gone to the relevant edit with Elementor page, click the image widget and select the image you want to add or replace. Your image will now have been changed to the new one uploaded from your computer.