FAQS

How to Change Font Style ?

Step 1:

Go To _fonts.scss (assets/scss/custom/fonts/_fonts.scss )

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:

Step 2:

And paste Your Selected font-family in _fonts.scss

Example:

@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");

Step 3:

And add the Your Selected font-family in _bootstrap-styles.scss(assets/scss/bootstrap/_bootstrap-styles.scss)

Example:


body {
	margin: 0;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: $default-color;
	text-align: left;
	background-color: $background;
}

How to Change Logo ?

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.

How to Enable Darktheme?

To Enable Dark theme follow the steps

  • 1. Open src » index.html and add class class="dark-mode" to body tag
<body #one class="dark-mode">
	<app-root></app-root>
</body>

How to Enable Color-header?

To Enable Color header follow the steps

  • 1. Open src » index.html and add class class="color-header" to body tag
<body #one class="color-header">
	<app-root></app-root>
</body>

How to Enable Dark-header?

To Enable Dark header follow the steps

  • 1. Open src » index.html and add class class="dark-header" to body tag
<body #one class="dark-header">
	<app-root></app-root>
</body>

How to Enable Light-header?

To Enable Light header follow the steps

  • 1. Open src » index.html and add class class="light-header" to body tag
<body #one class="light-header">
	<app-root></app-root>
</body>

How to Enable Gradient-header?

To Enable Gradient header follow the steps

  • 1. Open src » index.html and add class class="gradient-header" to body tag
<body #one class="gradient-header">
	<app-root></app-root>
</body>

How to Enable Horiznotalmenu Light?

To Enable Horizontal menu light follow the steps

  • 1. Open src » index.html and add class class="light-hormenu" to body tag
<body #one class="light-hormenu">
	<app-root></app-root>
</body>

How to Enable Horizontalmenu Color?

To Enable Horizontal Color menu follow the steps

  • 1. Open src » index.html and add class class="color-hormenu" to body tag
<body #one class="color-hormenu">
	<app-root></app-root>
</body>

How to Enable Horizontalmenu Dark?

To Enable Horizontal Dark menu follow the steps

  • 1. Open src » index.html and add class class="dark-hormenu" to body tag
<body #one class="dark-hormenu">
	<app-root></app-root>
</body>

How to Enable Horizontalmenu Gradient?

To Enable Horizontal Gradient menu follow the steps

  • 1. Open src » index.html and add class class="gradient-hormenu" to body tag
<body #one class="gradient-hormenu">
	<app-root></app-root>
</body>

How to Enable Verticalmenu light?

To Enable Vertical menu light follow the steps

  • 1. Open src » index.html and add class class="light-menu" to body tag
<body #one class="light-menu">
	<app-root></app-root>
</body>

How to Enable Verticalmenu Color?

To Enable Vertical menu Color follow the steps

  • 1. Open src » index.html and add class class="color-menu" to body tag
<body #one class="color-menu">
	<app-root></app-root>
</body>

How to Enable Verticalmenu Dark?

To Enable Vertical menu Dark follow the steps

  • 1. Open src » index.html and add class class="dark-menu" to body tag
<body #one class="dark-menu">
	<app-root></app-root>
</body>

How to Enable Verticalmenu Gradient?

To Enable Vertical menu Gradient follow the steps

  • 1. Open src » index.html and add class class="gradient-menu" to body tag
<body #one class="gradient-menu">
	<app-root></app-root>
</body>

How to Enable Boxed-Layout?

To Enable Boxed layout follow the steps

  • 1. Open src » index.html and add class class="layout-boxed" to body tag
<body #one class="layout-boxed">
	<app-root></app-root>
</body>

How to Enable Scrollable-Layout?

To Enable Scrollable layout follow the steps

  • 1. Open src » index.html and add class class="scrollable-layout" to body tag
<body #one class="scrollable-layout">
	<app-root></app-root>
</body>

How to Enable Fixed-Layout?

To Enable Fixed layout follow the steps

  • 1. Open src » index.html and add class class="fixed-layout " to body tag
<body #one class="fixed-layout ">
	<app-root></app-root>
</body>