Using CSS:

Similarly to colour overriding the theme also offers and automatically loads a skeleton file called custom-style.css which can be used to override the theme structure & media queries. This file is found within the /css directory and is well commented to provide instruction.

Using Sass:

  • If you are comfortable with using Sass you can also add any custom style overrides to the /assets/scss/custom/_custom-style.scss file and then recompiling the CSS. This file is automatically included.
  • You can also pick and choose which core AppStrap Sass files you want to include by editing or cloning the /assets/scss/theme-style.scss file and only including the include files you want/need. theme-style.scss is commented to indicate which Sass include files are required and which are optional.
  • You also have the option to override certain AppStrap styles using the /assets/scss/custom/_custom-variables.scss file which allows you to override the variables set in the /assets/scss/core/_variables.scss. This file is automatically included.

NOTE: You should ideally not edit any sass files in the /core directory to make future updates easier.

See #11 below for more information on using Sass.