The Divider Component - Neve Header / Footer Builder (PRO)
📝Note: This component is part of the Neve Header / Footer Builder.
The Divider component is a pipe that separates fields into the header / footer builder.
🧰Using the Component
- 1
- Start by adding the component into the rows, by clicking on the ➕ button and selecting the component.
- 2
- Open the component's settings to customize it, by clicking on the ⚙️icon.
📝 Note: This component is available in two instances: Divider and Divider 1.
🔮Customizing the Component
There are two panels with customizing options for this component, which allow you to create the desired header / footer:
| General |
Layout |
⚙️General Panel
When you click on the ⚙️ icon, the General tab will appear on the left side.
There are four settings available in this area:
Style
This option allows the user to choose a style for the divider, the following options are available: Solid, Dotted, Dashed, Doubled.
Width
This option allows you to make the divider more obvious as per your choice. Since the divider is a vertical line, this property refers to the horizontal thickness. Please note this is a responsive control meaning it allows different values for Desktop, Tablet, and Mobile.
Size
This option allows you to make the divider taller as per your choice. Since the divider is a vertical line, this property refers to its length. Please note this is a responsive control meaning it allows different values for Desktop, Tablet, and Mobile.
Color
Set the divider color. This control also allows you to use one of the global colors of Neve.
📐Layout Panel
In the Layout tab, you also have access to advanced positioning options like:
- Padding and Margin - available in PX, EM, REM, and %, with a link button that helps establish the same dimension for all the directions ( Desktop | Tablet | Mobile ).
