Panel boxes are modular components that use the framework grid system to create components.
The core color helpers can be applied to all kind of elements from buttons to icons, headers, headings, etc. They do not change when you switch to a different theme from the same template.
These are the template default color schemes and are used site wide to consistently style common elements. For the primary color you must add .bg-primary and for the secondary color you must add .ui-state-default. Note that theme two styles change based on what color scheme you choose for your template.
Use the markups below to create panel boxes.
Example panel box
Overdue orders
Pending orders
Low
High
Use the markups below to add meta boxes to panels. To align the text at the bottom use the .meta-box-bottom
CSS class.