Theme: Divider

What is the Divider Feature?

The Divider provides the possibility to add a horizontal line feature between other features on the website page:

The Divider can be added into any section and between blocks:

Changing the Divider Style

  • You can access the Divider Settings from the left-hand sidebar of the Site Editor by clicking the Theme:

  • Then choose Divider in the Layout menu list:

  • Here you can customize the Divider by: theme, size, alignment, and color:

Customizing the Divider Theme

Select the divider preferable design:

As we can see, the style in Editor has changed to Dashed:

Customising Width

The divider width can be adjusted using the following predefined values:

  • 100%
  • 75%
  • 50%
  • 25%

Some divider themes may adjust their appearance to fit the width for better perception:

Setting the Alignment

You can align the Divider to the leftright, or center of the section:

Specifying Color

Click the square to open the color picker and select the color of the Divider:

How to Reset Divider Settings?

  • To restore the default Divider settings, click the Reset button on the top-right of the Settings menu:

  • Confirm by clicking Yes on the popup:

Theme Sidebar Expansion

Theme Divider Setting is configured for all dividers on your website. The themesizealignment, and color settings are global and will be applied to all dividers on your website:

Divider Settings

You can modify settings for a single divider in its toolbar. Following that, the divider settings will no longer be affected by the global divider settings in the Theme menu: