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

When this page is published, heading styles 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 Heading Style Templates and how to use this page by visiting the Admin Guide.

New Styles

The following table includes classes for new DesignPLUS styles.

Style Name | CSS Classes to apply to wrapper | Active
Gray Icon Right | dp-wrapper dp-hdg-i-align-h2-r dp-hdg-i-align-h3-r dp-hdg-i-align-h4-r dp-hdg-i-align-h5-r dp-hdg-i-align-h6-r dp-hdg-i-txt-h2-dp-gray dp-hdg-i-txt-h3-dp-gray dp-hdg-i-txt-h4-dp-gray dp-hdg-i-txt-h5-dp-gray dp-hdg-i-txt-h6-dp-gray dp-hdg-b-h2-brdr-b dp-hdg-b-h3-brdr-b dp-hdg-b-h4-brdr-b dp-hdg-b-h5-brdr-b dp-hdg-b-h6-brdr-b | Y
Left Tags | dp-wrapper dp-hdg-bg-h2-dp-primary dp-hdg-bg-h3-dp-primary dp-hdg-bg-h4-dp-primary dp-hdg-bg-h5-dp-primary dp-hdg-bg-h6-dp-primary dp-hdg-b-h2-brdr-l dp-hdg-b-h3-brdr-l dp-hdg-b-h4-brdr-l dp-hdg-b-h5-brdr-l dp-hdg-b-h6-brdr-l dp-hdg-brdr-h2-4 dp-hdg-brdr-h3-4 dp-hdg-brdr-h4-4 dp-hdg-brdr-h5-4 dp-hdg-brdr-h6-4 dp-hdg-d-h2-table-l dp-hdg-d-h3-table-l dp-hdg-d-h4-table-l dp-hdg-d-h5-table-l dp-hdg-d-h6-table-l | Y

Legacy Styles

The following table includes classes that mimic the legacy themes.

Style Name | CSS Classes to apply to wrapper | Active
Flat Sections 1 | dp-wrapper dp-flat-sections | Y
Flat Sections 2 | dp-wrapper dp-flat-sections variation-2 | Y
Flat Sections Main 1 | dp-wrapper dp-flat-sections-main | Y
Flat Sections Main 2 | dp-wrapper dp-flat-sections-main variation-2 | Y
Rounded Corners 1 (Apple) | dp-wrapper dp-rounded-corners | Y
Rounded Corners 2 (Apple) | dp-wrapper dp-rounded-corners variation-2 | Y
Basic Bar 1 | dp-wrapper dp-basic-bar | Y
Basic Bar 2 | dp-wrapper dp-basic-bar variation-2 | Y
Basic Color 1 | dp-wrapper dp-basic-color | Y
Basic Color 2 | dp-wrapper dp-basic-color variation-2 | Y
Bookmark 1 | dp-wrapper dp-bookmark | Y
Bookmark 2 | dp-wrapper dp-bookmark variation-2 | Y
Box Left 1 | dp-wrapper dp-box-left | Y
Box Left 2 | dp-wrapper dp-box-left variation-2 | Y
Circle Left 1 | dp-wrapper dp-circle-left | Y
Circle Left 2 | dp-wrapper dp-circle-left variation-2 | Y
Colored Headings 1 | dp-wrapper dp-colored-headings | Y
Colored Headings 2 | dp-wrapper dp-colored-headings variation-2 | Y
Colored Headings (Box Left) 1 | dp-wrapper dp-colored-headings-box-left | Y
Colored Headings (Box Left) 2 | dp-wrapper dp-colored-headings-box-left variation-2 | Y
Badge (Medallion) | dp-wrapper dp-badge | Y
Ribbons 1 | dp-wrapper dp-ribbons | N
Ribbons 2 | dp-wrapper dp-ribbons variation-2 | N
Rounded Headings 1 | dp-wrapper dp-rounded-headings | Y
Rounded Headings 2 | dp-wrapper dp-rounded-headings variation-2 | Y
Square Right 1 | dp-wrapper dp-square-right | Y
Square Right 2 | dp-wrapper dp-square-right variation-2 | Y

Custom Styles

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

Style Name | CSS Classes to apply to wrapper | Active
Custom Style 1 |  | N