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
Example:
And paste Your Selected font-family in Style.scss i.e (root:-assets/scss/style.scss)
Example:
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");And add the Your Selected font-family in _custom.scss(assets/scss/custom/_custom.scss)
Example:
body {
margin: 0;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: $color;
text-align: left;
background: #f2f6f9;
}
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.
open index.html add class rtl
to enable RTL
version style as shown in below
<body class="rtl">
...
</body>
open index.html add class dark-theme
to enable
dark-theme style as shown in below
<body class="dark-theme">
...
</body>
open index.html add class light-theme
to enable
light-theme style as shown in below
<body class="light-theme">
...
</body>
open index.html add class headerstyle1
to enable
headerstyle3 style as shown in below
<body class="headerstyle1">
...
</body>
open index.html add class headerstyle2
to enable
dark-header style as shown in below
<body class="headerstyle2">
...
</body>
open index.html add class headerstyle3
to enable
header-light style as shown in below
<body class="headerstyle3">
...
</body>
open index.html add class default-menu
to enable
default-menu style as shown in below
<body class="default-menu">
...
</body>
open index.html add class menu-style1
to enable
menu-style1 style as shown in below
<body class="menu-style1">
...
</body>
open index.html add class menu-style2
to enable
menu-style2 style as shown in below
<body class="menu-style2">
...
</body>
To change Primary Color you have to open _custom.scss file and replace what color you want as shown in below
Rootpath : _custom.scss (assets/scss/custom/_custom.scss )
Note : After Changing color you must run gulp command's . Refer gulp page for more gulp commands click here.
To change Light Background Color you have to open _variables.scss file and replace what color you want as shown in below
Rootpath : _variables.scss (assets/scss/_variables.scss )
Note : After Changing color you must run gulp command's . Refer gulp page for more gulp commands click here.
To change Light Text Color you have to open _variables.scss file and replace what color you want as shown in below
Rootpath : _variables.scss (assets/scss/_variables.scss )
Note : After Changing color you must run gulp command's . Refer gulp page for more gulp commands click here.
To change Light Border Color you have to open _variables.scss file and replace what color you want as shown in below
Rootpath : _variables.scss (assets/scss/_variables.scss )
Note : After Changing color you must run gulp command's . Refer gulp page for more gulp commands click here.
To change Dark body Color you have to open _custom.scss file and replace what color you want as shown in below
Rootpath : _custom.scss (assets/scss/custom/_custom.scss )
Note : After Changing color you must run gulp command's . Refer gulp page for more gulp commands click here.
To change Dark Theme Color you have to open _custom.scss file and replace what color you want as shown in below
Rootpath : _custom.scss (assets/scss/custom/_custom.scss )
Note : After Changing color you must run gulp command's . Refer gulp page for more gulp commands click here.