Skip to main content

Customization

How to edit and customize your theme.

There are two ways to customize the theme. The easier method is using CSS, and the more advanced is customizing the SCSS files.

CSS overrides

Using the compiled files from the dist folder is the simplest way to get started with the theme.

Create a custom.css file in assets/css and reference it after the theme.css in the <head> of your pages. 

<link rel="stylesheet" href="assets/css/custom.css">

Then add your CSS rules in the custom.css file to override the theme styles.

Customizing SCSS

If you’re comfortable using build tools and are familiar with SCSS syntax, this is the recommended option.

In the assets/scss folder, you'll see two files:

  • _user-vars.scss for your custom variables.
  • _user.scss to add your styles.

When you edit and compile these files, they will extend and override the theme's styles with your custom ones.