How to include custom styles with Angular CLI

Question

I would like to add my own custom CSS to my new Angular CLI app...

However I am struggling to get this to work and there is not much documentation on how this works which makes it a bit of guess work!

In the image below I have added my custom style sheet in the .angular-cli.json file as so:

  "styles": [
    "styles.css",
    "app/assets/css/styles.css"
  ],

This however does not work...

Kindly advise!

Answer 1

As per your folder structure, correct path is assets/css/styles.css so change it in your angular-cli.json file as below and check it.

"styles": [
  "styles.css",
  "assets/css/styles.css"
],