Admin Pro

Theme Options

How to Change Layout ?


Fixed Sidebar

For setting a Fixed Sidebar, add class fix-sidebar to the body tag.
										
<body class="fix-sidebar">
										
									

Fixed Header

For setting a Fixed Header, add class fix-header to the body tag.
										
<body class="fix-header">
										
									

Fixed Header & Sidebar

For setting a Fixed Header & Sidebar, add class fixed-layout to the body tag.
										
<body class="fixed-layout">
										
									

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 link "css/colors/blue.css" files header after main style.css . In your html file customizer code , change class="blue-theme" to class="blue-theme working".
									
<!-- Link this after main style.css -->
<link href="css/colors/blue.css" id="theme" rel="stylesheet">

<!-- Replace in customizer code -->
<li><a href="javascript:void(0)" data-theme="blue" class="blue-theme working">4</a></li>

									
								

Header Color: default && Sidebar Color: White
Go to your html file and link "css/colors/default.css" files header after main style.css . In your html file customizer code , change class="default-theme" to class="default-theme working".
									
<!-- Link this after main style.css -->
<link href="css/colors/default.css" id="theme" rel="stylesheet">

<!-- Replace in customizer code -->
<li><a href="javascript:void(0)" data-theme="default" class="default-theme working">4</a></li>

									
								

Header Color: green && Sidebar Color: White
Go to your html file and link "css/colors/green.css" files header after main style.css . In your html file customizer code , change class="green-theme" to class="green-theme working".
									
<!-- Link this after main style.css -->
<link href="css/colors/green.css" id="theme" rel="stylesheet">

<!-- Replace in customizer code -->
<li><a href="javascript:void(0)" data-theme="green" class="green-theme working">4</a></li>

									
								

Header Color: megna && Sidebar Color: White
Go to your html file and link "css/colors/megna.css" files header after main style.css . In your html file customizer code , change class="megna-theme" to class="megna-theme working".
									
<!-- Link this after main style.css -->
<link href="css/colors/megna.css" id="theme" rel="stylesheet">

<!-- Replace in customizer code -->
<li><a href="javascript:void(0)" data-theme="megna" class="megna-theme working">4</a></li>

									
								

Header Color: purple && Sidebar Color: White
Go to your html file and link "css/colors/purple.css" files header after main style.css . In your html file customizer code , change class="purple-theme" to class="purple-theme working".
									
<!-- Link this after main style.css -->
<link href="css/colors/purple.css" id="theme" rel="stylesheet">

<!-- Replace in customizer code -->
<li><a href="javascript:void(0)" data-theme="purple" class="purple-theme working">4</a></li>

									
								

Header Color: red && Sidebar Color: White
Go to your html file and link "css/colors/red.css" files header after main style.css . In your html file customizer code , change class="red-theme" to class="red-theme working".
									
<!-- Link this after main style.css -->
<link href="css/colors/red.css" id="theme" rel="stylesheet">

<!-- Replace in customizer code -->
<li><a href="javascript:void(0)" data-theme="red" class="red-theme working">4</a></li>

									
								

Header Color: blue && Sidebar Color: dark
Go to your html file and link "css/colors/blue-dark.css" files header after main style.css . In your html file customizer code , change class="blue-theme" to class="blue-theme working".
									
<!-- Link this after main style.css -->
<link href="css/colors/blue-dark.css" id="theme" rel="stylesheet">

<!-- Replace in customizer code -->
<li><a href="javascript:void(0)" data-theme="blue-dark" class="blue-dark-theme working">4</a></li>

									
								

Header Color: default && Sidebar Color: dark
Go to your html file and link "css/colors/default-dark.css" files header after main style.css . In your html file customizer code , change class="default-theme" to class="default-theme working".
									
<!-- Link this after main style.css -->
<link href="css/colors/default-dark.css" id="theme" rel="stylesheet">

<!-- Replace in customizer code -->
<li><a href="javascript:void(0)" data-theme="default-dark" class="default-dark-theme working">4</a></li>

									
								

Header Color: green && Sidebar Color: dark
Go to your html file and link "css/colors/green-dark.css" files header after main style.css . In your html file customizer code , change class="green-theme" to class="green-theme working".
									
<!-- Link this after main style.css -->
<link href="css/colors/green-dark.css" id="theme" rel="stylesheet">

<!-- Replace in customizer code -->
<li><a href="javascript:void(0)" data-theme="green-dark" class="green-dark-theme working">4</a></li>

									
								

Header Color: megna && Sidebar Color: dark
Go to your html file and link "css/colors/megna-dark.css" files header after main style.css . In your html file customizer code , change class="megna-theme" to class="megna-theme working".
									
<!-- Link this after main style.css -->
<link href="css/colors/megna-dark.css" id="theme" rel="stylesheet">

<!-- Replace in customizer code -->
<li><a href="javascript:void(0)" data-theme="megna-dark" class="megna-dark-theme working">4</a></li>

									
								

Header Color: purple && Sidebar Color: dark
Go to your html file and link "css/colors/purple-dark.css" files header after main style.css . In your html file customizer code , change class="purple-theme" to class="purple-theme working".
									
<!-- Link this after main style.css -->
<link href="css/colors/purple-dark.css" id="theme" rel="stylesheet">

<!-- Replace in customizer code -->
<li><a href="javascript:void(0)" data-theme="purple-dark" class="purple-dark-theme working">4</a></li>

									
								

Header Color: red && Sidebar Color: dark
Go to your html file and link "css/colors/red-dark.css" files header after main style.css . In your html file customizer code , change class="red-theme" to class="red-theme working".
									
<!-- Link this after main style.css -->
<link href="css/colors/red-dark.css" id="theme" rel="stylesheet">

<!-- Replace in customizer code -->
<li><a href="javascript:void(0)" data-theme="red-dark" class="red-dark-theme working">4</a></li>

									
								
All Rights Reserved by MaterialPro. Designed and Developed by WrapPixel.