Getting Started

You can add images to your website by using the Image element. This article will feature all the steps required to add an image to your website. Follow the instructions accordingly to add, shape, and customize an image on your website.

Adding the Image element

Follow the steps below to add an Image element to your site.

- Click on Add Element in an empty row and section
- From the General Elements section, select Image

Refer to the GIF below:

Editing the Image element

Follow the steps and instructions below to add and edit an Image element on your site.

The Image element editor has the following options:

- Image options
- Image Width and Height
- Filters
- Background Image

The Image element editor:

Image Options

From here, you can upload or embed an image using an URL to your element. You can also do other things like changing the alignment or adding links to your images.

Image Width and Height

This setting lets you resize your image with options like changing the image width, height, and position and giving it fit.

Refer to the GIF below to see all the settings demonstrated:

Filters

This option lets you edit your image with necessary settings like changing the contrast, brightness, and many more.

Refer to the GIF below to see all the settings demonstrated:

Background of Image

This option lets you add a background to your image, a plain color, gradient, or another image.

Refer to the GIF below to see all the settings demonstrated:

Related articles

Image Gallery

Image Slider

Updated on: 02/10/2023