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.
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.
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.
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.
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.
To adjust the height and width of your divider, move the bars to increase or decrease the number in the designated space.
In the Style options, you can choose from three different divider styles: solid, dashed, or dotted.
Under the Advanced Settings tab, you have additional customization options, including Visibility, Custom Class, and Custom CSS.
You can select whether to make your editing option visible on mobile devices, desktops, or both by clicking on the corresponding icon.
For creating custom classes, you can use the Custom Class space provided.
If you need to copy the Custom CSS, just click on the “Copy” icon on the right side of the reference code.
