Skip to main content

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.

Divider Screenshot

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:

  1. Icon: Add an icon to your divider to give it a unique style that matches your content.

  2. Title: Add a title to your divider and choose from H1-H6 tags to control its size.

  3. Size: Adjust the size of your icon or title, and increase the thickness of the line.

  4. Visibility: Control line visibility by choosing between visible and invisible options.

  5. 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.

  6. 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.