-
Theme Editor Overview
Foundation is the latest theme in Higher Logic Vanilla (Vanilla), and our recommendation as the best option when creating a new theme or for updating an existing theme. The new Theme Editor makes it easy to create and modify custom theme templates so that your community and knowledge base can match your unique brand.…
-
Style Guide Overview
The Style Guide is the behind-the-scenes tool that maintains the look of your Higher Logic Vanilla (Vanilla) community and knowledge bases. It is a "template" that houses your organization's unique style settings: your font, colors, backgrounds, and other styling elements, by using a set of configurable variables. NOTE: In…
-
Configure Global Styles
The Styles section of the Theme Editor is further broken down into subsections, which can be accessed by clicking elements in the theme preview (the area to the left) or by using the navigation menu (highlighted below). In this article, we'll cover the options available to you in the Global Styles subsection.…
-
Responsive Breakpoints
The Foundation theme allows you to specify different responsive breakpoints to control how the Banner and Content Banner images in your community display on various devices. Desktops, tablets, and mobile devices have different screen sizes, so it's important that your images adapt appropriately on each type of device. To…
-
Change your Community Font
By default, your Higher Logic Vanilla community uses the Open Sans font due to its legibility across multiple displays and devices. When editing a theme, however, you can change its font in Theme Editor, where you can either: choose one of the other preloaded fonts or set a custom font. Notes on custom fonts One scenario…
-
Customize the Banner
The Banner is a component of Foundation themes. It typically includes a banner image or coloured background, a title, description, and search bar. An example is shown below: ⚠️ IMPORTANT: Any time you're working with website design, it's important to keep accessibility principles in mind. See Accessibility in your Vanilla…
-
Customize your Default Title Bar
In Higher Logic Vanilla (Vanilla), there are two types of Title Bars: Each Style Guide theme includes a Title Bar. Because a theme is applied community-wide, this functions as a default Title Bar that displays on every page. Communities that leverage Vanilla's custom page layouts can optionally create a custom Title…
-
Configure Your Quick Links Menu
The Quick Links menu makes it easy for your users to navigate to essential parts of your Higher Logic Vanilla (Vanilla) community. By default, the menu appears in the right side panel on most community pages. It displays a customizable list of "quick access" links to: community-based content, such as the Categories list…
-
Discussion List
📝 NOTE: The options will only apply to those using the Foundation Layout. Be sure to check whether you're are using this layout option. When editing a theme, the Theme Editor Discussion List settings allow you to update the look and feel of discussion lists in your community, such as the Recent Posts list or a list of…
-
Advanced Settings: Getting Started with Theme Variables
The Advanced Settings section of the Theme Editor brings a JSON variable editor and inline documentation for hundreds of variables that are not currently included in the Theme Editor user interface. 📝 NOTE: Using theme variables requires an understanding of basic CSS and JSON formatting. ✔️ TIP: Refer to the article…