LINE ELEMENT
Refers to a graphical element that allows you to add lines or borders to your web page’s design. Lines can be used for various purposes to enhance the visual appeal and structure of your website.
How to use the line element?
STEP 1: Simply drag and drop the element inside your section/layout.
LINE ELEMENT POP-UP SETTINGS
1. LINE SETTINGS
A. ORIENTATION - the direction in which a line is positioned or drawn
B. POSITION - refers to the specific location or placement of the line element within a composition.
C. SIZE - this is where you adjust the width and height of your line or border.
2. Access the gear icon in this field to configure the gap of your line element.
Gap: Define the spacing between rows and columns in grid or flex layouts.
3. COLOR
Color is a powerful design element used in a wide range of contexts. This is where you can change the color of your line elements.
4. Transform
The transformations property can be used alongside transitions to create visually appealing interactions.
5. Animations
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.
6. 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.
7. Center Alignment
This option allows you to align your text to the left, right, center, or justify it.
8. 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.
9. Clone
Easily duplicate or copy your text element.
10. Trash Bin Icon:
Delete a specific element 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.