Dashlot– Bootstrap 4 Admin Dashboard HTML Template

Step 1:

Go To style.css is the main CSS file located in "assets/css/style.css " file go to nearest line number 120 .and change the font family

if you want to change another font-family Go to the site Google Fonts And Slect One font Family and import In to style.css file

How to Select font Family

Example:

imported font family css

Step 2:

And add Specify font-family css check below Image

Example:

Step 1:

Copy the text between <!-- row opened --> - <!-- row closed --> as shown in below image and you can paste where ever you want.

Example:

Go To "assets/images/brand" folder and replace your logo with Previous Logos within in image size. note: Please don't increase logo sizes. Replace your logo within given image size. otherwise the logo will not fit in particular place it disturbs the template design.

Static Method:

Step 1:

Open all HTML files and add sidenav-toggled to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom.js file go to Style Modes section and Remove the comments for Leftmenu-iconic as shown below.

Example:

Static Method:

Step 1:

Open all HTML files and add leftmenu-style-2 to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom.js file go to Style Modes section and Remove the comments for Leftmenu-background-color as shown below.

Example:

Static Method:

Step 1:

Open all HTML files and add leftmenu-light to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom.js file go to Style Modes section and Remove the comments for Leftmenu-light-color as shown below.

Static Method:

Step 1:

Open all HTML files and add Horizontal-menu dark to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom.js file go to Style Modes section and Remove the comments for horizontalmenu-dark as shown below.

Example:

Static Method:

Step 1:

Open all HTML files and add horizontalmenu-color to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom.js file go to Style Modes section and Remove the comments for Horizontal-menu color as shown below.

Example:

Static Method:

Step 1:

Open all HTML files and add leftmenu-style-3 to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom.js file go to Style Modes section and Remove the comments for Icons-border-style as shown below.

Example:

Static Method:

Step 1:

Open all HTML files and add leftmenu-style-4 to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom.js file go to Style Modes section and Remove the comments for leftmenu-square-icons as shown below.

Example:

Static Method:

Step 1:

Open all HTML files and add leftmenu-style-2, horizontalmenu-dark to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom.js file go to Style Modes section and Remove the comments for Leftmenu-background-color,Horizontal-menu dark as shown below.

Example:

Static Method:

Step 1:

Open all HTML files and add header-dark to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom.js file go to Style Modes section and Remove the comments for Header-dark as shown below.

Example:

Static Method:

Step 1:

Open all HTML files and add header-color to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom.js file go to Style Modes section and Remove the comments for Header-color as shown below.

Example:

Static Method:

Step 1:

Open all HTML files and add sidenav-toggled to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom-dark.js file go to Style Modes section and Remove the comments for Leftmenu-iconic as shown below.

Example:

Static Method:

Step 1:

Open all HTML files and add leftmenu-style-2 to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom-dark.js file go to Style Modes section and Remove the comments for Leftmenu-background-color as shown below.

Example:

Static Method:

Step 1:

Open all HTML files and add leftmenu-light to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom-dark.js file go to Style Modes section and Remove the comments for Leftmenu-light-color as shown below.

Static Method:

Step 1:

Open all HTML files and add horizontalmenu-dark to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom-dark.js file go to Style Modes section and Remove the comments for Horizontal-menu dark as shown below.

Example:

Static Method:

Step 1:

Open all HTML files and add horizontalmenu-color to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom-dark.js file go to Style Modes section and Remove the comments for Horizontal-menu color as shown below.

Example:

Static Method:

Step 1:

Open all HTML files and add leftmenu-style-3 to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom-dark.js file go to Style Modes section and Remove the comments for Icons-border-style as shown below.

Example:

Static Method:

Step 1:

Open all HTML files and add leftmenu-style-4 to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom-dark.js file go to Style Modes section and Remove the comments for leftmenu-square-icons as shown below.

Example:

Static Method:

Step 1:

Open all HTML files and add leftmenu-style-2, horizontalmenu-color to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom-dark.js file go to Style Modes section and Remove the comments for Leftmenu-background-color,Horizontal-menu dark as shown below.

Example:

Static Method:

Step 1:

Open all HTML files and add header-dark to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom.js file go to Style Modes section and Remove the comments for Header-dark as shown below.

Example:

Static Method:

Step 1:

Open all HTML files and add header-color to Body Section. As shown in below Image.

Example:

Dynamic Method:

Step 1:

Open custom.js file go to Style Modes section and Remove the comments for Header-color as shown below.

Example: