Theme Options
How to Change Layout ?
Fixed Header
For setting a Fixed Header, add class fix-header to the body tag.
<body class="fix-header">
Logo Center
For setting a Logo in center of the header, add class logo-center to the body tag.
<body class="logo-center">
Single Column
For setting a Single Column, add class single-column to the body tag.
<body class="single-column">
Boxed Layout
For setting a Boxed Layout, add class boxed to the body tag.
<body class="boxed">
How to Change Color of Navbar & Sidebar ?
Header Color: Blue && Sidebar Color: White
Go to your html
file and change class="skin-default-dark"
to class="skin-blue"
to the body tag.
<!-- For change the header & sidebar color -->
<body class="skin-blue fixed-layout">
Header Color: default && Sidebar Color: White
Go to your html
file and change class="skin-default"
to class="skin-default-dark"
to the body tag.
For related to style customization go to dist / scss / colors / default.scss
<!-- For change the header & sidebar color -->
<body class="skin-default-dark fixed-layout">
Header Color: green && Sidebar Color: White
Go to your html
file and change class="skin-default"
to class="skin-green-dark"
to the body tag.
For related to style customization go to dist / scss / colors / green.scss
<!-- For change the header & sidebar color -->
<body class="skin-green-dark fixed-layout">
Header Color: megna && Sidebar Color: White
Go to your html
file and change class="skin-default"
to class="skin-megna-dark"
to the body tag.
For related to style customization go to dist / scss / colors / megna.scss
<!-- For change the header & sidebar color -->
<body class="skin-megna-dark fixed-layout">
Header Color: purple && Sidebar Color: White
Go to your html
file and change class="skin-default"
to class="skin-purple-dark"
to the body tag.
For related to style customization go to dist / scss / colors / purple.scss
<!-- For change the header & sidebar color -->
<body class="skin-purple-dark fixed-layout">
Header Color: red && Sidebar Color: White
Go to your html
file and change class="skin-default"
to class="skin-red-dark"
to the body tag.
For related to style customization go to dist / scss / colors / red.scss
<!-- For change the header & sidebar color -->
<body class="skin-red-dark fixed-layout">
Header Color: blue && Sidebar Color: dark
Go to your html
file and change class="skin-default"
to class="skin-blue-dark"
to the body tag.
For related to style customization go to dist / scss / colors / blue-dark.scss
<!-- For change the header & sidebar color -->
<body class="skin-blue-dark fixed-layout">
Header Color: default && Sidebar Color: dark
Go to your html
file and change class="skin-default"
to class="skin-default-dark"
to the body tag.
For related to style customization go to dist / scss / colors / default-dark.scss
<!-- For change the header & sidebar color -->
<body class="skin-default-dark fixed-layout">
Header Color: green && Sidebar Color: dark
Go to your html
file and change class="skin-default"
to class="skin-green-dark"
to the body tag.
For related to style customization go to dist / scss / colors / green-dark.scss
<!-- For change the header & sidebar color -->
<body class="skin-green-dark fixed-layout">
Header Color: megna && Sidebar Color: dark
Go to your html
file and change class="skin-default"
to class="skin-megna-dark"
to the body tag.
For related to style customization go to dist / scss / colors / megna-dark.scss
<!-- For change the header & sidebar color -->
<body class="skin-megna-dark fixed-layout">
Header Color: purple && Sidebar Color: dark
Go to your html
file and change class="skin-default"
to class="skin-purple-dark"
to the body tag.
For related to style customization go to dist / scss / colors / purple-dark.scss
<!-- For change the header & sidebar color -->
<body class="skin-purple-dark fixed-layout">
Header Color: red && Sidebar Color: dark
Go to your html
file and change class="skin-default"
to class="skin-red-dark"
to the body tag.
For related to style customization go to dist / scss / colors / red-dark.scss
<!-- For change the header & sidebar color -->
<body class="skin-red-dark fixed-layout">