SCSS Configurations


Please note in order to change template configurations through config.scss file, you must have knowledge of SASS compilation. A SASS compiler must be installed and running in order to save the changes in .scss file. If you need any support regarding this, please contact us.

If you want to change the configurations for the template you can do it just by changing values in config.scss file.

Location: lib/scss/config.scss


1. Authentication pages

Line no: 529

// Authentication pages
$authentication-bg-image                                :'../../img/demo/login.jpg';
$authentication-bg-color                                :$text-color;
$authentication-bg-size                                 :'cover';
$authentication-bg-position                             :'top left';
$authentication-bg-tint-color                           :$text-color;
$authentication-bg-tint-opacity                         :0.5;
$authentication-block-bg                                :#FFFFFF;
$authentication-border-color                            :$text-color;
$authentication-title-color                             :$text-color;
$authentication-toggle-bg                               :$text-color;
$authentication-toggle-icon-color                       :#FFFFFF;
$authentication-tip-bg                                  :$text-color;
$authentication-label-color                             :#444444;
$authentication-forgot-bg                               :#DDDDDD;
$authentication-forgot-text-color                       :#222222;
$authentication-footer-text-color                       :#FFFFFF;
$authentication-footer-link-color                       :#FFFFFF;

2. Error pages

Line no: 548

// Error pages
$error-bg-image                                         :'../../img/demo/login.jpg';
$error-bg-color                                         :$text-color;
$error-bg-size                                          :'cover';
$error-bg-position                                      :'top left';
$error-bg-tint-color                                    :$text-color;
$error-bg-tint-opacity                                  :0.5;
$error-heading-color                                    :#FFFFFF;
$error-text-color                                       :#FFFFFF;
To change background image:
  1. Name your image login.jpg and put that image in: your_root_folder/img/demo/
  2. SAVE the file and compile it to CSS
To change pages settings:
  1. Change the values.
  2. SAVE the file and compile it to CSS