Horizontal Divider Widget screen

Shows a horizontal line on a custom page.

Figure: Horizontal Divider Widget screen

Horizontal Divider Widget screen

Video: Advanced Page Builder Features

Examples

Prerequisites

How to Start

  1. Click Build Pages Build Pages icon.
  2. On the Pages screen, do one of these:
    • Create a Custom Page.
      1. Click Add Row.
    • Open a custom page
      1. Click the bottom horizontal line of the row or right side vertical line of the row or column.
      2. Click Add Add icon.
  3. Click Add Widget.
  4. On the Pick a Widget screen, on the Layout tab, click Horizontal Divider Horizontal Divider icon.

Fields

Field Name Definition

Divider Height (px)
Function:
Specifies the height of the horizontal line in pixels.
Accepted Values:
A positive integer.
Default Value:
1

Divider Color
Function:
Specifies the color of the horizontal line.
Accepted Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
ffffff
Example:
  • #ff0000
  • #183048
  • #e16229
  • rgb(25,151,66)
  • rgba(87,177,201,2)

Add
Function:
Adds the widget to your custom page.