Sidebar Structure
Description of Fields
| Class | Description |
|---|---|
| data-layout="topnav" | Add class on body to reflect. Used for horizontal layout |
| scrollable-layout | Add class on body to reflect. This class used for scrollable menu |
| left-side-menu-condensed | Add class on body to reflect. This class used for compact sidebar |
| left-side-menu-condensed boxed-layout | Add class on body to reflect. This class used for box layout |
| left-side-menu-dark | Add class on body to reflect. This class used for dark sidebar |
| horizontal-navbar | Add class on body to reflect. Used for horizontal layout |
Description of Layouts
| Styles | Description |
|---|---|
| bootstrap-dark.min.css and assets/css/app-dark.min.css | Add file on head to reflect. Used for Dark layout |
| bootstrap.min.css and assets/css/app-rtl.min.css | Add file on head to reflect. Used for RTL Layout |
src -> assets is our public folder for public content like images, css, fonts etc.
How to Change Logo For Vertical Layout
File: src/partials/topbar.html
<a href="index.html" class="navbar-brand logo">
<span class="logo-lg">
<img src="assets/images/logo-light.png" alt="" height="30" />
<span class="d-inline h5 ml-1 text-logo">Adminator</span>
</span>
<span class="logo-sm">
<img src="assets/images/logo-light.png" alt="" height="30">
</span>
</a>
(logo || logo-dark) use class either logo or logo-dark as well as others.
How to Change Global Fonts
we have used google fonts in our template. so, when you change the fonts of the theme go tho the assets -> scss -> custom -> fonts folder and open _fonts.scss file. In that file use your own font. After this change fonts in assets -> scss -> variable.scss file
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,900&display=swap');
$font-family-sans-serif: 'Nunito Sans', sans-serif;
Use can also insert font in index.html
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,900&display=swap" rel="stylesheet" />