Divider
The divider element provides a convenient way to insert a divider bar into your funnel or website, contributing to the overall design. This handy feature allows you to effortlessly incorporate an additional visual component to your pages, enhancing their appearance and structure without the complexities of more elaborate creative elements.
General Settings
ELEMENT NAME/TITLE
Under the General Settings section, you’ll find the Element Name/Title option. This displays the default name/title of the edit option you’re currently working on. You can choose to leave it as is or rename it for easier identification.
SPACING OPTION:
In the Spacing Options of your divider content, you have several choices for adjusting the layout.
Padding Left, Right, Top, and BottomThere are specific padding options for the top, and bottom of your divider content, and each has its own toggle bar. By selecting a toggle bar, you can reposition the corresponding section of the content.
Margin Top and BottomYou can also adjust the top or bottom margin of your content using their respective toggle bars.
COLOR
To change the color of your divider element, select a color from the options given, or add a custom color code to match your branding.
ALIGN
Under Align options, you can customize the positioning to your liking. You have the option to place it to the left, center, right, or justify it.
HEIGHT AND WIDTH
To adjust the height and width of your divider, move the bars to increase or decrease the number in the designated space.
STYLE
In the Style options, you can choose from three different divider styles: solid, dashed, or dotted.
Advanced Settings
Under the Advanced Settings tab, you have additional customization options, including Visibility, Custom Class, and Custom CSS.
VISIBILITY
You can select whether to make your editing option visible on mobile devices, desktops, or both by clicking on the corresponding icon.
CUSTOM CLASS
For creating custom classes, you can use the Custom Class space provided.
CSS SELECTOR
If you need to copy the Custom CSS, just click on the “Copy” icon on the right side of the reference code.
