New Vanilla Theming, 2020

4 minute read

April 20, 2020

New Vanilla Theming, 2020

This new system is designed to make it easier for customers to get their communities up and running much more quickly. In all, these theming updates are intended to not only make branding more simple, but to also ensure that all custom designs are responsive across all devices.

Additionally, it’s important for us to have a theming system that not only enables continuous product improvement, but also allows for new features to be launched without customers having to worry about their site not blending in with those new features.

Here’s a quick overview of what you can expect from this new update.

New In-Application Theme Editor

As you know, today’s evolving web has a lot of requirements, and we wanted to make sure that our products are leveraging the newest web technologies while still supporting Vanilla’s best in class theming capabilities. And so, we worked to ingrain things like responsive design, accessibility, and localization into the DNA of our product; while these features are often “under the hood” and are usually unseen, they’re very important. 

One of the best things about the new theming system is the in-application theme editor, as seen in the image below. 

in-application theme editor

With this new editor, fonts and colors can be changed easily to suit any brand, and are able to flow seamlessly throughout the chosen theme. Additionally, individual values can be tweaked at any time to accommodate a specific design aesthetic—being able to tweak the theme after the fact will empower our customers to maintain their site as their brand evolves. 

Further, with the new in-application theme editor, customers will have full control over their header and footer HTML/CSS—this will allow for pixel perfect matching of the rest of their sites “above the fold”.

header and footer HTML/CSS

And last but certainly not least, the new editor provides a designated spot for JavaScript, enabling customers to add all necessary tracking scripts, ads, or whatever else they may need.

Other Key Features

In addition to the in-application theme editor, this update also provides customers with a range of other features that will make customization a lot easier. 

For one, the theme’s homepage has a big search banner to welcome visitors to your community. Use this slot seen in the image below to upload any image you want to highlight your brand. 

homepage has a big search banner

This banner can also be blended into the title bar using the new and elegant full bleed feature. And while it used to take some thought to handle the banner scrolling transition on different devices, it’s now super easy; the transition is now seamless when the page is scrolled. 

full bleed feature

Another feature worth mentioning is that the menu system now nicely snaps into a hamburger menu on mobile, and menu options from different parts of the page are all accommodated properly. This gives customers the ability to truly have a large site with complex navigation without having to worry about navigation clashes on different devices.

easy navigation across all devices

We know that this update will give our customers even more tools to make their community and knowledge base dreams a reality, while continuing to meet the expectations of their customers. If you have any questions about these new updates, be sure to take a look at our Success Community, where you can learn more about these features.

News product

Share Your Thoughts

Your email address will not be published. Required fields are marked *

Todd Burry

Written by Todd Burry

Todd co-founded Vanilla. He is responsible for the product roadmap and software architecture.

Have an Article for Vanilla's Blog?

Send us an email to [email protected] with your topic idea and we'll circle back with our publishing guidelines.

Subscribe to the Community Corner Newsletter and get expert insight and analysis on how to get the most out of your online community every Friday.
[contact-form-7 id="5700" title="Newsletter Form"]

Request a Demo

Schedule a product demo now.

Contact Us