-
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 sections 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). For details on the other options, check out the articles below: Title Bar Banner Widgets ( to be…
-
Responsive Breakpoints
With Higher Logic Vanilla's (Vanilla) Foundation theme, you can specify different responsive breakpoints to control how the theme 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 to look…
-
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. You can change your community's default 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 in which…
-
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: Where does the banner display? The Banner displays on the following pages: Recent Discussions Categories Sub level categories My Bookmarks My…
-
Customize the Title Bar
The Title Bar theme element is "sticky," meaning it stays pinned to the top of the page as users scroll down. This is helpful, as it provides access to some of the most important aspects of your community, like its main navigation options and user-profile options. Access Title Bar customization options Let's learn how to…
-
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 Discussion 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…