Let me give you a quick tour of the platform.

How to use Icon Box Element

Icon or Symbol: This is a small graphical representation that visually conveys the subject of the box. Text Description: A short, concise text that provides a brief description or explanation of the content, feature, or benefit being highlighted.

An icon box in the context of a web builder typically refers to a graphical element or widget that combines an icon or symbol with a brief text description.

Drag and drop the element into the desired location in your section or layout.

How to use the Icon Box Element?

Make sure you are selecting the correct element before editing it. The element you are clicking can be seen above its wrapper, such as a "Icon Box Wrapper."

To edit, click on the icon box wrapper.

You can edit the icon and text inside the Icon box element by clicking them as well, they all have the same setting uses.

After you click the Icon Box Wrapper, this Icon Box Setting will show up.

You can adjust/change your icon and size inside the Icon Box element using this option.

Icon

Adding/changing color theme and color background on your Icon Box Element.

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>Size: The dimensions (width and height) of an element on a webpage.</li><li>Gap: The spacing between rows and columns of grid or flex items in layout models.</li><li>Padding: The space between an element's content and its border.</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

-It has the ability to move elements by clicking and dragging them with a mouse cursor. -The term "freeform" suggests that users have more flexibility and control over the movement of these elements, possibly without any predefined alignment or snapping.

Toggle FreeForm Drag Positioning

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

Transform

This Setting allows you to position your Text.Left, Center , Right and Justify option.

Center

"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.