Image
To add an image, photo or any kind of graphical file, you just need to drag and drop the ‘Image’ icon to the crafting area. You can hover over the crafting area to see where exactly it can placed, and the gray line will indicate whether it's in grid or full width!
Now simply click anywhere on the image area and the options for editing will appear.
First things first! Upload the image by clicking on the ‘Upload’ button and choosing the image you want from your PC. Once you've found what are you looking for, just click open and your desired image is here.
If you have already uploaded some images and you want to use them, choose the ‘Select Image From Media’ option and pick the one you want to add.
To change the image size, click on it and move the ‘Controllers’ respectively. You will notice two types of controllers. With black ones you can change the margin, while the green controllers are responsible for the image height.
If you want to add a link to the image, select the ‘Link’ button from the editing options.
Here you can pick the type of the link you want to have on your image. There are three choices available: Internal, External or Anchor.
You should use Internal links when you want to connect an already existing page of your website to the image you’ve uploaded, so that your site visitors get redirected to that exact page when clicking on the image.
Simply choose a page from your website by ‘Selecting an Inner Page’ and you’re good to go.
External links are used when you want to point to another website and Anchor is used to specify the area on your page the navigation will be set for your link.
Now let’s see what we got under the ‘Image settings'.
You can put your Image in the Normal or Background mode, add an Image Title and Alt. Title stands for the text you see while hovering on your image in public view, while Alt refers to the image SEO.
At the same time, you have an option to move your image to background. To have it available, just click hover over the desired block, go to Block Settings hitting the 3 dots in the upper left corner of the Block and upload the ‘Background’ image from your PC with ease. Move the pointer to choose the preferred image area. When it’s all set, push the ‘Save’ button.
Did you know you can even add a Video Element as a Background?
Alternatively, you can just select an Image from your 'Media'.
Now change the 'Opacity' if you wish, enable or disable the Cover mode.
To remove the background image, simply hover over the selected image in the same window and you'll notice the 'X' icon. That's it!