Divider module

Use the Divider module to add a colored line between modules or sections.

Divider module

Add this module to a page

  1. Go to a landing page on your site.

  2. Click the Edit page button.

  3. Hover your mouse over the desired location on the page and click the + Add module button that appears.

  4. Click Decorative in the left-hand menu

  5. Select the Divider module.

Edit the settings

  1. Click the module to open its settings menu, which appears on its right-hand side.

  2. Edit the settings:

Setting

Description

Setting

Description

Thickness

Choose between Small, Medium and Large - or select Custom (three dots) to fill in a specific amount of pixels.

Colour

There are multiple ways to pick a color:

  • Select the shade and hue at the top of the popup.

  • Enter an RGB, RGBA, or hex code.

  • Click the eyedropper icon to select a color from anywhere on the page (available in the browsers Firefox and Edge).

  • Click one of the recently used colors.

Use the vertical slider in the middle of the popup to control the color’s opacity.