Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Divider module

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

...

Add this module to a page

...

  1. Go to a landing page on your

...

  1. site.

...

  1. Go to the Page Builder

  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. Select Click the module to see open its settings menu, which appears on its right-hand side.Click

  2. Edit the Cogwheel.settings:

Setting

Description

Thickness

Choose between Small, Medium

,

and Large

and

- or select Custom (three dots)

, which lets you

tofill in a specific amount of pixels.

Colour

There are multiple ways to pick a

colour in the colour selection popup

color:

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

  • Enter an

rgb
  • RGB,

rgba
  • RGBA, or hex code.

  • Click the eyedropper icon to select a

colour
  • color from anywhere on the page (available in the browsers Firefox and Edge).

Pick
  • Click one of the recently used

colours
  • colors.

Use the vertical slider

located

in the middle of the popup to control the

colour’s

color’s opacity.