Basics
Follow the steps below to upload an image from your computer to your project;
1. Click on the element where you want to add this image
2. Choose ”Insert Content”
3. Hover on ”Image”
4. Then choose where you want to add this image. Now you will get a placeholder for the image.
5. Click this placeholder
6. Hover ”Edit Content”
7. Click Image
8. Click ”Browse” and locate your image on your hard drive.
Now your image should have been added to your project.
Advanced (get an image URL)
If you only want to upload an image to get the URL, you can follow the steps above and then fetch the image URL by following the steps below;
NOTE: here you don't need to upload the image at a specific location, this step is only for the image to be uploaded so you can access the image URL.
9. Click on ”Show Code”
10. Make sure you are in the javascript/jQuery tab
11. Locate the image URL. The code for this can be found last in the code. You can now copy this and use it anywhere.
12. Remove the generated code for this (both in the javascript/jQuery and the CSS tab). Generated code always appears at the bottom of the code.