Articles on: Components & Elements

Add an image to your website

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

Was this article helpful?

Share your feedback

Cancel

Thank you!