Boxed Layouts

A boxed layout restricts the entire content within a centered box with padding on all sides. This classic design is well-suited for websites and apps where controlled visual structure is important, often giving a professional and organized look. Make sure to clear cache or open in incognito mode to achieve the changes. Do the below changes in the Admin/templates/element/main.php file.

Boxed

data-layout="boxed"

Content Width:

Default

data-content-width="default"

Default

data-content-width="fluid"

Sidebar Size:

Default (Large)

data-sidebar="default"

Medium

data-sidebar="medium"

Small

data-sidebar="small"

Sidebar Colors:

Light Colors

data-sidebar-colors="default"

Dark Colors

data-sidebar-colors="dark"

Brand Colors

data-sidebar-colors="brand"

Purple Colors

data-sidebar-colors="purple"

Sky Colors

data-sidebar-colors="sky"