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

When this page is published, link grid 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 Template Blocks and how to use this page by visiting the Admin Guide.

Legacy Styles

Style Name | CSS Classes to apply to Link Grid | Active
Flat Sections 1 | container-fluid dp-link-grid dp-flat-sections dp-fs-1 | Y
Flat Sections 2 | container-fluid dp-link-grid dp-flat-sections variation-2 dp-fs-2 | Y
Flat Sections Main 1 | container-fluid dp-link-grid dp-flat-sections dp-fsm-1 | Y
Flat Sections Main 2 | container-fluid dp-link-grid dp-flat-sections variation-2 dp-fsm-2 | Y
Rounded Corners 1 (Apple) | container-fluid dp-link-grid dp-rounded-corners dp-rc-1 | Y
Rounded Corners 2 (Apple) | container-fluid dp-link-grid dp-rounded-corners variation-2 dp-rc-2 | Y
Basic Bar 1 | container-fluid dp-link-grid dp-bb-1 | Y
Basic Bar 2 | container-fluid dp-link-grid dp-bb-2 | Y
Basic Color 1 | container-fluid dp-link-grid dp-link-grid-angle-r dp-bc-1 | Y
Basic Color 2 | container-fluid dp-link-grid dp-link-grid-angle-r variation-2 dp-bc-2 | Y
Bookmark 1 | container-fluid dp-link-grid dp-link-grid-rounded-corners dp-bookmark-1 | Y
Bookmark 2 | container-fluid dp-link-grid dp-link-grid-rounded-corners dp-bookmark-2 | Y
Box Left 1 | container-fluid dp-link-grid dp-link-grid-square variation-2 dp-bl-1 | Y
Box Left 2 | container-fluid dp-link-grid dp-link-grid-square dp-bl-2 | Y
Circle Left 1 | container-fluid dp-link-grid dp-link-grid-circle-right dp-cl-1 | Y
Circle Left 2 | container-fluid dp-link-grid dp-link-grid-circle-right variation-2 dp-cl-2 | Y
Colored Headings 1 | container-fluid dp-link-grid dp-colored-headings dp-ch-1 | Y
Colored Headings 2 | container-fluid dp-link-grid dp-colored-headings variation-2 dp-ch-2 | Y
Colored Headings (Box Left) 1 | container-fluid dp-link-grid dp-colored-headings dp-ch-bl-1 | Y
Colored Headings (Box Left) 2 | container-fluid dp-link-grid dp-colored-headings variation-2 dp-ch-bl-2 | Y
Badge (Medallion) | container-fluid dp-link-grid dp-rounded-corners dp-badge-1 | Y
Ribbons 1 | container-fluid dp-link-grid dp-ribbons dp-ribbons-1 | N
Ribbons 2 | container-fluid dp-link-grid dp-ribbons variation-2 dp-ribbons-2 | N
Rounded Headings 1 | container-fluid dp-link-grid dp-rounded-headings dp-rh-1 | Y
Rounded Headings 2 | container-fluid dp-link-grid dp-rounded-headings variation-2 dp-rh-2 | Y
Square Right 1 | container-fluid dp-link-grid dp-square-right dp-sr-1 | Y
Square Right 2 | container-fluid dp-link-grid dp-square-right variation-2 dp-sr-2 | Y

Custom Styles

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

Style Name | CSS Classes to apply to Link Grid | Active
Custom Style 1 |  | N