SCSS Method -
The most streamlined way to make edits and additions to the theme CSS is to use the provided
user.scss files located in the
When used in conjunction with the provided dev tools, your custom CSS is included in
theme.css and overrides the default theme style.
This is the preferred method as your changes are kept separate from the core theme files. By separating your CSS edits into their own files, you can easily overwrite all of the default theme SCSS files when you update the theme.
To make broader changes to the design of the theme, such as changing the colour scheme or font sizes, use
scss/user-variables.scss. Any variable from
scss/custom/variables.scss can be overridden with your own value.
If you need to add CSS for additional components or other needs, simply edit
scss/user.scss and add any SCSS or CSS you require.