Divider
Dividers are an excellent way to break up content and make it more visually appealing. With our content publishing software's drag-and-drop editor and block-based approach, dividers are easy to add and customize.
You can use them to separate different sections of your content or to add a visual element that makes your content more engaging for readers.
Adding Dividers​
To add a Divider element, simply drag and drop it onto the canvas. You can then adjust its settings to suit your needs.
Customize with Settings​
The Divider element offers several settings to customize its appearance and behavior:
Icon: Add an icon to your divider to give it a unique style that matches your content.
Title: Add a title to your divider and choose from H1-H6 tags to control its size.
Size: Adjust the size of your icon or title, and increase the thickness of the line.
Visibility: Control line visibility by choosing between visible and invisible options.
Transition: Make your divider interactive with on-scroll animations. Choose from a range of Transition options, including Perspective, Rotate, Scale-Bounce, Scale, Translate horizontally and Translate vertically.
CSS Snippet: If you want even more control over your Divider's appearance, use a CSS Snippet to fully customize it.
Using Dividers​
Dividers are a versatile element that can be used in a variety of ways. Here are a few ideas to get you started:
Use a Divider to separate different sections of your content, making it easier to read and follow.
Add an icon or title to your Divider to give it a unique style that matches your content.
Use Transitions to make your Divider interactive on-scroll, adding a dynamic element to your content.