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.

  • 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;