SCSS Configurations

Important

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

Main container settings

1. Header

Line no: 352

// Header
$header-box-shadow                                      :'true';
$header-margin-bottom                                   :20;    // This value is in px
$header-vertical-padding                                :10;    // This value is in px
$header-horizontal-padding                              :20;    // This value is in px
$header-bg                                              :#F6F8F8;
$header-border-bottom                                   :#DEE5E7;

2. Page title

Line no: 360

// Page title
$page-title-font                                        :$ff-light;
$page-title-size                                        :20px;
$page-title-text-color                                  :$text-color;
$page-title-small-text-color                            :lighten($page-title-text-color,30%);
$page-subtitle-font                                     :$ff-regular;
$page-subtitle-size                                     :16px;
$page-subtitle-text-color                               :darken($body-bg,30%);
$page-subtitle-small-text-color                         :lighten($page-subtitle-text-color,10%);

3. Breadcrumbs

Line no: 370

// Breadcrumbs
$breadcrumb-link-color                                  :$text-color;
$breadcrumb-active-link-color                           :#4FC5EA;
$breadcrumb-icon                                        :'\e9c7';

4. Content container

Line no: 375

// Content container
$main-container-max-width                               :100%;
$main-container-padding-vertical                        :0;
$main-container-padding-horizontal                      :20;
To change main container settings:
  1. Change the values.
  2. SAVE the file and compile it to CSS