File structure

First let’s see where all the files are. To make it easier to navigate, all the CSS is broken up into lots of files within a set of folders.

Start inside the '/s/stylesheets' folder in WebDAV. You’ll see two folders: 'css' and 'src'. It is important that you do not edit the files in 'css' directly, but instead only edit the files in 'src'.

/s/stylesheets/src/

Start by looking at the file site.scss. That’s the top of the stylesheet structure and it includes all the other files you need. Look for lines like this:

@import "application/settings";

We recommend you create a new file with your customisations and add a reference to that from site.scss. Don’t remove the import of the 'base' stylesheets. That import brings in the core stylesheet definitions which are required for your onCourse site: shortlists, course and class listings, enrolment templates and much more. Override them however you want, but they will save you a lot of work rather than starting from scratch.