FAQS
General Style

How to Change Font Style ?

Step 1:

Go To style.scss (assets/scss/style.scss )

if you want to change another font-family Go to the site Google Fonts And Select 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 style.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-custom(assets/scss/boostrap/_bootstrap-custom.scss)

Example:


body {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: $color;
	text-align: left;
	background-color: $background;
	font-family: 'Maven Pro', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-font-feature-settings: "liga" 0;
	font-feature-settings: "liga" 0;
	height: 100%;
	overflow-y: scroll;
	position: relative;
}

Note : After Changing font you must run gulp command i.e, gulp watch . Refer gulp page for more gulp commands click here.

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 RTL Version & LTR Version

How to Enable LTR Version?

Please follow the bellow steps to enable LTR Version
Step 1 :

To enable LTR Version you have to open switcher-styles.js ({assets/js/switcher-styles.js}) file and remove comments for LTR as shown in below




										/***************** LTR *********************/
										// $('body').addClass('ltr');
										/***************** LTR *********************/
Step 2 :
Remove the comments to enable LTR as shown below 



										/***************** LTR *********************/
										$('body').addClass('ltr');
										/***************** LTR *********************/

How to Enable RTL Version?

Please follow the bellow steps to enable RTL Version
Step 1 :

To enable RTL Version you have to open switcher-styles.js ({assets/js/switcher-styles.js}) file and remove comments for rtl as shown in below



									/***************** RTL *********************/
									// $('body').addClass('rtl');
									/***************** RTL *********************/
Step 2 :
Remove the comments to enable rtl as shown below 



										/***************** RTL *********************/
										$('body').addClass('rtl');
										/***************** RTL *********************/
Theme Styles

How to Enable Dark Theme?

Please follow the bellow steps to enable Dark Theme
Step 1 :

To enable Dark Theme you have to open switcher-styles.js ({assets/js/switcher-styles.js}) file and remove comments for dark-theme as shown in below



										/***************** DARK THEME *********************/
										// $('body').addClass('dark-theme');
										/***************** Dark THEME *********************/
Step 2 :
Remove the comments to enable dark-theme as shown below 


										/***************** DARK THEME *********************/
										$('body').addClass('dark-theme');
										/***************** Dark THEME *********************/

How to Enable Light Theme?

Please follow the bellow steps to enable Light Theme
Step 1 :

To enable Light Theme you have to open switcher-styles.js({assets/js/switcher-styles.js}) file and remove comments for light-theme as shown in below



										/***************** Light THEME *********************/
										// $('body').addClass('light-theme');
										/***************** Light THEME *********************/
Step 2 :
Remove the comments to enable light-theme as shown below 

										/***************** Light THEME *********************/
										$('body').addClass('light-theme');
										/***************** Light THEME *********************/

How to enable switcher in any page ?

To enable the switcher then you must have to place below HTML, CSS, JS in your html page.











<!-- SWITCHER JS -->
<script src="../assets/switcher/js/switcher.js"></script>

<!-- theme color Js-->
<script src="../assets/js/themeColors.js"></script>

<!-- Switcher Styles Js-->
<script src="../assets/js/switcher-styles.js"></script>