Customization

Learn how to write your own custom styles without changing the theme's core files so that you can take advantage of future Updates.

SCSS Method - user.scss (highly recommended)

We highly recommended making edits and additions to the template CSS/SCSS is to use the provided user-variables.scss and user.scss files located in the src/assets/scss folder.

user-variables.scss will contain each variable you want to edit. Simply copy the variables you need to edit from the main _variables.scss and paste it into this file. It will automatically override the default values with the new ones.
_user.scss will contain SCSS you want to add or edit.

Compiling changes

In order to see the changes, running npm run dev command is required. To learn more about vite go the vite section.