Customization
Customize the theme and make it your own.
Modify color
Customization can be done by using SCSS variables to change value for example, color value. However you can also write your own styles to override existing theme styes. We have provided files for you to work on this.
We strongly recommend you to write your SCSS variables and styles only at below files.
Changing original SCSS files will complicate future update implementation on your behalf.
src/scss/user/_user_variables.scss
: This file is used to override existing SCSS variables with new value (example provided at file).src/scss/user/_user.scss
: Write your own style at this file.
Modify font
The theme uses Nunito
font from Google Fonts, as you can see at the head
of each HTML file.
To apply the imported font, the SCSS variable $font-family-sans-serif
must be supplied with font family name.
src/scss/_variables.scss
$font-family-sans-serif: 'Nunito', sans-serif !default;
To change the font, get your font links at Google Fonts
and change link
tag at head
of HTML file. Then override $font-family-sans-serif
by writing it to src/scss/user/_user_variables.scss
as below.
$font-family-sans-serif: 'YourSelectedGoogleFontName', sans-serif;