-
Theming Overview
Welcome to Vanilla's theming system! With this system you will be able to customize your site to give your knowledge bases a look and feel that matches and showcases your brand. Features At A Glance Here are some of the features you will be able to take advantage of with Vanilla's theming system. Easily choose fonts and…
-
Global Theme Styles
You have a lot of control of your theme's fonts and colors 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 beautify, on brand theme. For others, having the right fonts and…
-
Working With Existing Themes
This article is a work in progress.
-
A Theme's Structure
Every theme has several elements that fit into the following structure: Header The header sits at the very top of the site. The purpose of the header is to match your brand and show global navigation that is above your community navigation. For a lot of sites a header isn't necessary, but the capability is there if you…
-
Theme Title Bar
The title bar contains the navigation for your community. It is an integral part of Vanilla. Without the title bar, users would not able to access all the functionality of the site. Title Bar Elements The title bar has three main elements: Logo: You can upload your logo to the title bar. Menu: The menu is the main…
-
Ways To Edit Themes
Vanilla offers three ways of creating and editing a theme: Theming Editor UI. You can add a new theme and edit existing themes in your dashboard via a theming UI. This is the easiest way to get started theming and make small tweaks to existing themes. You can access the theming UI from your dashboard under Appearance ›…
-
Theme Banner
The banner shows up below the title bar on home pages. It provides a great way to welcome users first visiting your site and also showcases your brand. Customizing The Banner There are a lot of variables that control the look of the banner. They are edited in your variables.json or the Style tab of the theme editor. Basic…
-
Recommended Articles (EN)
Recommended Articles (EN)
-
Theme Content Banner
The content banner is an option to be considered in a content page like an article page or a discussion page, for example. The content banner appears below the title bar and helps with the brand of your product/service. The size of the content banner is smaller than the regular one. It starts with 120px height and goes…
-
Theme Header and Footer
The theme header sits at the top of your site. You can put whatever you want in your header to ensure that it can pixel-perfect match the rest of your web site (if you have one). It completely belongs to you. Header And Footer Assets All of the header/footer information rests in the following assets: header.html : This is…