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 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 _fonts.scss

Example:

Step 3:

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

Example:

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

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

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.

Please follow the bellow steps to enable RTL Version

Step 1 :

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

									/* RTL version Start */
										// $('body').addClass('rtl');
									/* RTL version End */


									

Step 2 :

									/* RTL version Start */
										$('body').addClass('rtl');
									/* RTL version End */


									

Please follow the bellow steps to enable Dark Theme

Step 1 :

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

										/* Dark Theme Start */
											// $('body').addClass('dark-theme');
										/* Dark Theme End */


									

Step 2 :

										/* Dark Theme Start */
											$('body').addClass('dark-theme');
										/* Dark Theme End */

									

Please follow the bellow steps to enable Light Theme

Step 1 :

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

										/* Light Theme Start */
											// $('body').addClass('light-theme');
										/* Light Theme End */

									

Step 2 :

										/* Light Theme Start */
											$('body').addClass('light-theme');
										/* Light Theme End */

									

Please follow the bellow steps to enable Transparent Theme

Step 1 :

To enable Transparent Theme you have to open custom-switcher.js(assets/js/custom-switcher.js) file and remove comments for transparent-theme as shown in below

										/* Transparent Theme Start */
											// $('body').addClass('transparent-theme');
										/* Transparent Theme End */

									

Step 2 :

										/* Transparent Theme Start */
											$('body').addClass('transparent-theme');
										/* Transparent Theme End */

									

Please follow the bellow steps to enable Default Header

Step 1 :

To enable Default Header you have to open custom-switcher.js (assets/js/custom-switcher.js) file and remove comments for default-header as shown in below

										/* Default Header Start */
											// $('body').addClass('default-header');
										/* Default Header End */


									

Step 2 :

										/* Default Header Start */
											$('body').addClass('default-header');
										/* Default Header End */

									

Please follow the bellow steps to enable Header Style 1

Step 1 :

To enable Header Style 1 you have to open custom-switcher.js (assets/js/custom-switcher.js) file and remove comments for Header Style 1 as shown in below

										/* Header Style 1 Start */
											// $('body').addClass('headerstyle1');
										/* Header Style 1 End */


									

Step 2 :

										/* Header Style 1 Start */
											$('body').addClass('headerstyle1');
										/* Header Style 1 End */

									

Please follow the bellow steps to enable Header Style 2

Step 1 :

To enable Header Style 2 you have to open custom-switcher.js (assets/js/custom-switcher.js) file and remove comments for Header Style 2 as shown in below

										/* Header Style 2 Start */
											// $('body').addClass('headerstyle2');
										/* Header Style 2 End */


									

Step 2 :

										/* Header Style 2 Start */
											$('body').addClass('headerstyle2');
										/* Header Style 2 End */

									

Please follow the bellow steps to enable Default Menu

Step 1 :

To enable Default Menu you have to open custom-switcher.js (assets/js/custom-switcher.js) file and remove comments for default-menu as shown in below

										/* Default Menu Start */
											// $('body').addClass('default-menu');
										/* Default Menu End */


									

Step 2 :

										/* Default Menu Start */
											$('body').addClass('default-menu');
										/* Default Menu End */

									

Please follow the bellow steps to enable Menu Style 1

Step 1 :

To enable Menu Style 1 you have to open custom-switcher.js (assets/js/custom-switcher.js) file and remove comments for Menu Style 1 as shown in below

										/* Menu Style 1 Start */
											// $('body').addClass('menu-style1');
										/* Menu Style 1 End */


									

Step 2 :

										/* Menu Style 1 Start */
											$('body').addClass('menu-style1');
										/* Menu Style 1 End */

									

Please follow the bellow steps to enable Menu Style 2

Step 1 :

To enable Menu Style 2 you have to open custom-switcher.js (assets/js/custom-switcher.js) file and remove comments for Menu Style 2 as shown in below

										/* Menu Style 2 Start */
											// $('body').addClass('menu-style2');
										/* Menu Style 2 End */


									

Step 2 :

										/* Menu Style 2 Start */
											$('body').addClass('menu-style2');
										/* Menu Style 2 End */