CSS screen

Configures a custom CSS snippet in Page Builder.

Figure: CSS screen

CSS screen

Video: Advanced Page Builder Features

Prerequisites

How to Start

  1. Click Build Pages Build Pages icon.
  2. On the Page Builder Home screen, in the left pane, click Library Library icon.
  3. In the left pane, click CSS.

Fields

Field Name Definition

Add CSS Add CSS icon

Opens this Screen:
Add New CSS File screen
Function of this Screen:
Creates an empty CSS file in Page Builder where you can create a custom CSS snippet to use on your custom pages.

Import CSS Import CSS icon

Opens this Screen:
Import CSS screen
Function of this Screen:
Uploads an exported CSS file from your local machine, and adds it to CSS library in Page Builder

Sort By

Function:
Specifies the sort order for the CSS files.
Accepted Values:
  • Sort By Name - Sorts the CSS files in ascending, alphabetical order by file name.
  • Sort By Modified Date - Sorts the CSS files by the dates they were last modified.
  • Sort By Created Date - Sorts the CSS files by the dates they were created.
Default Value:
Sort By Name