Strikingdash Customisation


Configuring Style & Bootstrap Compatibility

Instead of overriding Bootstraps components. We have made it compatible with theme using Bootstraps native scss varibles. And it's recommended by Bootstrap. This way we are able to manage leveraging decent ammount of css , as there is no overriding. And we made it centrally configurable with config.bs.scss file in vendor_assets/css/bootstrap/ directory

1. config.bs.scss

This file contains and controls all the Bootstraps default components.It also contains the color scheme, font, spacing and other common staff. If you want customize anything of Bootstrap, you can literally do it here by overriding bootstrap varibles.

2. Where and to find and how to customize Bootstraps SCSS variables

Go to vendor_assets/css/bootstrap/scss/_variables.scss and search for the variable or component name. Evey components configurable property will be avaible in this file. You can just copy the variable form there and paste it in config.bs.scss removing the default flag and assigning a new value. 


Did you find this article useful?



  • Installing Node

    Gulp requires node to run. And it usages npm packages to perform different task, So install node and npm first. Please follow the guide 1. Installing ...

  • Use Gulp Tasks

    Gulp is amazing tools for task automation. It automates time-consuming tiresome task for you. It helps keep the concentration on actual work by taking...

  • Strikingdash Folder Structure

    Below is the StrikingDash - Bootstrap4 HTML Admin & Dashboard Template folder structure. ├── src │ ├──...