You have a lot of control of your theme's fonts and colours by using global theme variables.
We strongly recommend that you start your theming with editing variables to rough-in the basic look and feel of your site. For some, this will be enough to get a beautiful, on brand theme. For others, having the right fonts and colours offers a great starting point for more complex designs.
Creating a New Theme Template
To get started setting up your global theme styles, start by logging into your Vanilla community as an Administrator. In your Dashboard settings you will have a new "Themes" section in your menu -
By default, you will have our Foundation theme applied. You can start by making a copy of this template. This will launch our Theme Editor.
The Theme Editor is broken down into five major sections:
- Styles
- Header
- Footer
- CSS
- Javascript
Styles
Here you can update your global styles with the click of a button, and customize things like:
- Brand colours
- Banner Assets
- Button Styles
- Fonts and more.
You're able to see a preview of your updates as you pick and choose your various options.
Header and Footer
Easily insert the HTML for your Header and Footer in these sections.
CSS
Compliment your custom HTML Header and Footers with CSS.
Javascript
Easily add Javascript like Google Analytics tracking codes, or something more custom using the Javascript tab.
