Let me give you a quick tour of the platform.

How to use the Image Element

Images are a fundamental component of web design, and they can be used to enhance the visual appeal of your content, convey information, and create a more engaging user experience.

Image

Drag and drop the Image Element to any location within your section.

How to use the Image Element?

You can adjust the size of the Image by using these blue points around the Image wrapper.

Adjust the size of the Image

You can use this option to contain your image so that it perfectly fits within the image wrapper.

Contain Image

For the settings to appear, click the Image wrapper.

Click on the Image Element

This setting will show up after clicking the Image wrapper.

-It gives you an option to upload images from your computer or choose from a library of pre-existing images.

<ol><li>Border- used to separate and define your image, add emphasis to content, and enhance the overall design aesthetic.</li><li>Shadow- a visual effect that creates the illusion of depth by adding a subtle or prominent shading around an image. Shadows can enhance the appearance the image on a webpage, making them stand out from the background and providing a sense of elevation or separation.</li></ol>

Color

<ol><li>Page- Link any page you build inside your web builder .</li><li>Web Address- Link Web address's like Facebook, YouTube, or any of your social media accounts, for instance.</li><li>Anchor- this option allows you to link to a specific section of that same page.</li><li>Top/Bottom of the Page- enables you to link the Header or Footer of a certain page.</li><li>Email/Phone/Sms- Enter your contact details so visitors can reach you by clicking the button.</li><li>Popup- appears on top of the main content of a webpage, creating a focused area of interaction.</li></ol>

Link

<ol><li> Border: The visible edge around an image, creating a boundary between the content and its surroundings.</li><li>Gap: The spacing between rows and columns of grid or flex items in layout models.</li></ol>

Sizes

-Animation can be used to create dynamic and visually engaging movements or changes in image element on a webpage. -Animations can capture users' attention, enhance user experience, and make a website more interactive and appealing.

Animation

The "transform" property is often used in conjunction with transitions to create visually appealing interactions.

Transform

This will enable you to change your image by applying a filter, cropping it, or adding any additional designs.

Open Image Editor

-This Image editor will popup after clicking the "Open Image Editor" icon.You will be able to edit your image with this.

Image editor

<ol><li>This Setting allows you to position your element/Layout.Left, Center , Right and Justify option.</li></ol>

Center

<ol><li>"Select the parent element" refers to the action of choosing or targeting the container or enclosing element that holds a particular HTML element within a web page's document structure.</li></ol>

Select Parent Element

<ol><li>This Settings allows you to copy or duplicate your Icon.</li></ol>