COUNTER ELEMENT
Counter element involves a mechanism for tracking and displaying counts on your webpage.
How to use the counter element?
STEP 1: Simply drag and drop the element inside your section.
STEP 2: Click the element to display the settings for tabs.
This will automatically show you the pop-up settings bar of your element.
COUNTER ELEMENT SETTINGS
1. 1ST ICON
You can modify and design the counter time using this option.
2. COLOR
Color is a powerful design element used in a wide range of contexts. With this option you color various design elements, including text, buttons, links, backgrounds and more.
3. TRANSFORM
The transformations property can be used alongside transitions to create visually appealing interactions.
4. ANIMATION
Employ this feature to infuse dynamic and visually engaging moments or changes into elements on your webpage. It captures user attention, enhances the user experience, and makes your website more interactive and attractive.
5. Toggle Free Form Drag Positioning:
This enables you to move elements by clicking and dragging them with a mouse cursor. The term "freeform" indicates that users have greater flexibility and control over the positioning of these elements, often without predefined alignment or snapping.
6. Access the gear icon in this field to configure the gap of your element:
Gap: Define the spacing between rows and columns in grid or flex layouts.
7. FONT
Allow you to control the appearance of text on your web pages. These settings give you the ability to customize the typeface, size, style and other aspects of the text to create a visually appealing and consistent design.
8. Center
This option allows you to align your text to the left, right, center, or justify it.
9. Select Parent Element
Use the "Arrow Up" button to select the parent element, targeting the container or enclosing element that holds a specific HTML element within the webpage's document structure.
10. Clone
Easily duplicate or copy your element/layout.
11. Trash Bin Icon:
Delete a specific element/layout when it's no longer needed.
These comprehensive instructions and explanations should empower you to effectively utilize and customize forms within the Web Builder for your project.