Divider

Divider Component

When working within the Content Parsys all web components must first be placed inside of a Section Component

A divider component is a horizontal line used to visually separate sections of content on a web page. It helps break up information so your content is easier to scan and understand.

Usage

Visually break up long sections of content
Indicate a shift to a new topic or section
Separate different types of information (such as text and images)
Create breathing room between page elements
Improve the overall flow and user experience of the page

How to Add the Component

Click within a section component to insert new components.

Click the + icon
Choose Divider

arrow pointing to the + icon on the component menu and another arrow pointing to the Divider option on the insert new component menu

How to Configure the Component

To start using the component, click anywhere on the component and a menu will appear.
Click the wrench icon to enter configure mode.

An arrow pointing to the wrench icon on the configure toolbar.

There are only two configurable options for the Divider Component:

ID
Assigns a unique identifier to the component, allowing it to be targeted for advanced features such as linking or styles.
CSS Class
Applies a predefined visual style to your component.

The divider component configuration options: ID and CSS Class.

Working within the Component

Enter the information you need into the ID and/or CSS Class text box.
Click the check mark to save your changes and close the window. To cancel without saving, click the X.