Title: [Themes]
Course: DesignPLUS Primary Customizations (Template) > Section: Theme Elements

When this page is published, legacy themes and custom themes added below the dotted line will be available to all users working within the account/sub-account associated with this customization course. Learn more about Legacy Themes and how to use this page by visiting the Admin Guide.

Legacy Themes

The following table includes themes that have parity with the legacy DesignPLUS themes.

Theme Name | Heading Styles Classes | Banner Title Classes | Link Grid/Nav Classes | Image Classes | Default Image | Active
Flat Sections 1 | dp-wrapper dp-flat-sections | dp-header dp-flat-sections | container-fluid dp-link-grid dp-flat-sections dp-fs-1 |  |  | Y
Flat Sections 2 | dp-wrapper dp-flat-sections variation-2 | dp-header dp-flat-sections variation-2 | container-fluid dp-link-grid dp-flat-sections variation-2 dp-fs-2 |  |  | Y
Flat Sections Main 1 | dp-wrapper dp-flat-sections-main | dp-header dp-flat-sections-main | container-fluid dp-link-grid dp-flat-sections dp-fsm-1 |  |  | Y
Flat Sections Main 2 | dp-wrapper dp-flat-sections-main variation-2 | dp-header dp-flat-sections-main variation-2 | container-fluid dp-link-grid dp-flat-sections variation-2 dp-fsm-2 |  |  | Y
Rounded Corners 1 (Apple) | dp-wrapper dp-rounded-corners | dp-header dp-rounded-corners | container-fluid dp-link-grid dp-rounded-corners dp-rc-1 | rounded-3 |  | Y
Rounded Corners 2 (Apple) | dp-wrapper dp-rounded-corners variation-2 | dp-header dp-rounded-corners variation-2 | container-fluid dp-link-grid dp-rounded-corners variation-2 dp-rc-2 | rounded-3 |  | Y
Basic Bar 1 | dp-wrapper dp-basic-bar | dp-header dp-basic-bar | container-fluid dp-link-grid dp-bb-1 |  |  | Y
Basic Bar 2 | dp-wrapper dp-basic-bar variation-2 | dp-header dp-basic-bar variation-2 | container-fluid dp-link-grid dp-bb-2 |  |  | Y
Basic Color 1 | dp-wrapper dp-basic-color | dp-header dp-basic-color | container-fluid dp-link-grid dp-link-grid-angle-r dp-bc-1 |  |  | Y
Basic Color 2 | dp-wrapper dp-basic-color variation-2 | dp-header dp-basic-color variation-2 | container-fluid dp-link-grid dp-link-grid-angle-r variation-2 dp-bc-2 |  |  | Y
Bookmark 1 | dp-wrapper dp-bookmark | dp-header dp-bookmark | container-fluid dp-link-grid dp-link-grid-rounded-corners dp-bookmark-1 |  |  | Y
Bookmark 2 | dp-wrapper dp-bookmark variation-2 | dp-header dp-bookmark variation-2 | container-fluid dp-link-grid dp-link-grid-rounded-corners dp-bookmark-2 |  |  | Y
Box Left 1 | dp-wrapper dp-box-left | dp-header dp-box-left | container-fluid dp-link-grid dp-link-grid-square variation-2 dp-bl-1 |  |  | Y
Box Left 2 | dp-wrapper dp-box-left variation-2 | dp-header dp-box-left variation-2 | container-fluid dp-link-grid dp-link-grid-square dp-bl-2 |  |  | Y
Circle Left 1 | dp-wrapper dp-circle-left | dp-header dp-circle-left | container-fluid dp-link-grid dp-link-grid-circle-right dp-cl-1 |  |  | Y
Circle Left 2 | dp-wrapper dp-circle-left variation-2 | dp-header dp-circle-left variation-2 | container-fluid dp-link-grid dp-link-grid-circle-right variation-2 dp-cl-2 |  |  | Y
Colored Headings 1 | dp-wrapper dp-colored-headings | dp-header dp-colored-headings | container-fluid dp-link-grid dp-colored-headings dp-ch-1 |  |  | Y
Colored Headings 2 | dp-wrapper dp-colored-headings variation-2 | dp-header dp-colored-headings variation-2 | container-fluid dp-link-grid dp-colored-headings variation-2 dp-ch-2 |  |  | Y
Colored Headings (Box Left) 1 | dp-wrapper dp-colored-headings-box-left | dp-header dp-colored-headings-box-l | container-fluid dp-link-grid dp-colored-headings dp-ch-bl-1 |  |  | Y
Colored Headings (Box Left) 2 | dp-wrapper dp-colored-headings-box-left variation-2 | dp-header dp-colored-headings-box-l variation-2 | container-fluid dp-link-grid dp-colored-headings variation-2 dp-ch-b-2 |  |  | Y
Badge (Medallion) | dp-wrapper dp-badge | dp-header dp-badge | container-fluid dp-link-grid dp-rounded-corners dp-badge-1 |  |  | Y
Ribbons 1 | dp-wrapper dp-ribbons | dp-header dp-ribbons | container-fluid dp-link-grid dp-ribbons dp-ribbons-1 |  |  | N
Ribbons 2 | dp-wrapper dp-ribbons variation-2 | dp-header dp-ribbons variation-2 | container-fluid dp-link-grid dp-ribbons variation-2 dp-ribbons-2 |  |  | N
Rounded Headings 1 | dp-wrapper dp-rounded-headings | dp-header dp-rounded-headings | container-fluid dp-link-grid dp-rounded-headings dp-rh-1 |  |  | Y
Rounded Headings 2 | dp-wrapper dp-rounded-headings variation-2 | dp-header dp-rounded-headings variation-2 | container-fluid dp-link-grid dp-rounded-headings variation-2 dp-rh-2 |  |  | Y
Square Right 1 | dp-wrapper dp-square-right | dp-header dp-square-right | container-fluid dp-link-grid dp-square-right dp-sr-1 |  |  | Y
Square Right 2 | dp-wrapper dp-square-right variation-2 | dp-header dp-square-right variation-2 | container-fluid dp-link-grid dp-square-right variation-2 dp-sr-2 |  |  | Y

Custom Themes

Add your own custom themes by adding classes to the table.

Theme Name | Heading Styles Classes | Banner Title Classes | Link Grid/Nav Classes | Image Classes | Default Banner Image | Active
Custom Theme 1 |  |  |  |  |  | N