This article will explain how to display an image from your computer or your site gallery onto your website.
To get started, click + ADD CONTENT where you'd like to add your image.
Select the Image widget from the Widget menu.
Click + Add Image to add an image.
You can also display a different image to people if they view the page on a mobile device if you wish. This is useful since desktop screens are better at displaying images with a landscape aspect ratio, whereas mobiles are better displaying images with a portrait aspect ratio.
You can select an image already uploaded to your site, or you can import new ones by clicking Upload an Image. Select the image you wish to be displayed and click Save.
Your image now appears with 2 icons above it:
Click the Delete icon to remove the image.
Click the Settings Cog icon to apply a caption or set a link against the image when displayed on your site. When a user clicks the image, they will be directed to the link you have set.
Alternatively, click Advanced Options to add one or two linked buttons to display on top of your image. You can also choose to style and apply a Text Overlay on top of your image.
Click Save to apply your changes.
Modify Image Display
Two other tabs are available to help modify how your image will be presented - Layout and Display.
Layout
Since photos often come in different aspect ratio proportions, the Layout settings allow you to display differently proportioned images in consistent proportions on your page. Choose from four defined aspect ratios; portrait, landscape, square, and panorama.
The selected aspect ratio will automatically fill to fit the column width available to it, and the image will be scaled to fit the column width.
Display
You can choose how you want the system to fit your image within your previously selected aspect ratio as follows:
Scale: Reduces the size of your image so that it fits within the constraints of your selected layout.
Crop: Crops your image to fit within the constraints of your chosen layout. For example, if you have uploaded an image with a portrait aspect ratio but then selected a landscape layout, your image will be automatically cropped at the top and bottom to fit within the space available.