FAQS
General Style

How to Change Font Family ?

Step 1:

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

if you want to change another font-family Go to the site Google Fonts And Select One font Family and import in to styles.scss file

How to Select font Family

Example:

Step 2:

And paste Your Selected font-family in style.scss

Example:

Step 3:

And add the Your Selected font-family in _variables.scss(src/assets/scss/_variables.scss)

Example:

--default-font-family:    							'Inter', sans-serif;

How to change Menu icons ?

By default menu icons are Material design if you want to change icons please follow below steps
Step 1 :

To change Menu icons, open sidebar.component.html page Path:src/app/shared/layout-components/sidebar.component.html and go through app-sidebar section, in that section you will find Material design of menu in i tag, there you can replace previous icon with your icon. Example as shown in below

How to Change Logo ?

Go To "src/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.

To clear LocalStorage(cookie)

How to clear LocalStorage (cookie)?

Step1:

Open src/app/shared/services/app-state.service.ts file file src/app/shared/services/app-state.service.ts

To clear LocalStorage loading functions you need to remove updateStateAndEmit() function in custom-switcher.min.js as shown below


					private updateStateAndEmit(state: any) {
         		...
         		  }
Step2:

To remove complete LocalStorage saving you need to remove all localstorage related calling functions in custom-switcher.js assets/js/custom-switcher.min.jsfile.

LocalStorage related functions like localStorage.setItem, localStorage.removeItem, localStorage.getItem, localStorage.clear. Below are the some examples to find out. 



localStorage.clear();
Disabling Switcher

How To Disable Switcher In All Pages ?

Step1:

Open header.component.html file src/app/shared/layout-components/header.component.html

To remove switcher icons remove below code shown in header.component.html file


														
 <!-- Start::header-element -->
 <div class="header-element">
	<!-- Start::header-link|switcher-icon -->
	<a href="javascript:void(0);" class="header-link switcher-icon" data-bs-toggle="offcanvas" (click)="SwicherOpen()"data-bs-target="#switcher-canvas"">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
		class="header-link-icon fa-spin">
		<path d="M0 0h24v24H0V0z" fill="none" />
		<path
			d="M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" />
			<svg></i>
	</a>
	<!-- End::header-link|switcher-icon -->
</div>
Step2:

After removing code in header.component.html Remove theSwitcher component from the main layout follow the path shared/layout-components/layouts/content-layout.html


	
											 <app-switcher></app-switcher>
Step3:

Now remove the switcher component and switcher.ts file from the root folder, follow the path Switcher component shared/components/switcher/switcher.component.html and shared/components/switcher/switcher.ts

How To Remove Switcher In Landing Page ?

Step1:

Remove below shown code in head part of the landing.html file Path:src\app\components\landingpage\landingpage.component.html


							<button class="demo-icon nav-link icon" data-bs-toggle="offcanvas" data-bs-target="#switcher-canvas" (click)="Swicher()">
							<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" class="header-link-icon fa-spin" viewBox="0 0 24 24"><rect fill="none" height="24" width="24"/><path d="M2.88,7.88l1.54,1.54C4.15,10.23,4,11.1,4,12c0,4.41,3.59,8,8,8s8-3.59,8-8s-3.59-8-8-8c-0.9,0-1.77,0.15-2.58,0.42 L7.89,2.89C9.15,2.32,10.54,2,12,2c5.52,0,10,4.48,10,10s-4.48,10-10,10S2,17.52,2,12C2,10.53,2.32,9.14,2.88,7.88z M7,5.5 C7,6.33,6.33,7,5.5,7S4,6.33,4,5.5S4.67,4,5.5,4S7,4.67,7,5.5z"/></svg>
							</button>
Step2:

Remove below shown code in section of landing-layout.html file Path:shared/layouts/landingpage-layout.html



							 <app-landing-switcher></app-landing-switcher>