-
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.…
-
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 in 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…
-
Pockets
Overview Pockets add areas to your forum where you can inject custom HTML, CSS or Javascript into your theme. It is a powerful tool that makes Vanilla flexible for ad placement, Google Analytics, and other small customizations. Freeform HTML Pockets are designed to be used by advanced users and developers who can write and…
-
Discussion List
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 discussions for a particular Category. 📝 NOTE: Keep in mind your layout settings also impact the look of these pages. All options…
-
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…