Add this line of code to your params.toml file.

1
2
3

...
custom_css = ["css/custom.css", "scss/custom.scss", ...]
...

config/_default/params.toml

Add your file to assets folder. Filename must match with config params you set above.

assets/scss/custom.scss
assets/css/custom.css

If you want to modify the Zzo theme’s default color, you should override the theme style. For example, if you’re going to change the body background-color because I set the background-color in #body selector, not in the body tag selector, you should override body background-color there. Body tag selector won’t work. And make sure to set !important. After setting the values, restart Hugo.

1
2
3
4
5
6
7

   

...
#body {
  background-color: red !important;
}
...

assets/scss/custom.scss or assets/css/custom.css