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 Page Builder.
  2. On the Page Builder screen, do one of these:
    • Create a Custom Page.
      1. Click Add Row

        Custom Page screen
        .
    • Open a custom page
      1. Click the bottom horizontal line of the row or right side vertical line of the row or column.

        Click Bottom Line
      2. Click Add.

        Click Add
  3. Click Add Widget.

    Custom Page Design screen
  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.