Overall look and feel

Change your top navigation, footer, and overall layout/theme.

Using your own domain

Each knowledge base has its own unique KnowledgeOwl subdomain, like ours is "support.knowledgeowl.com". Your subdomain can be customized under Settings > Basic, in the Domain Settings section.

You can also set up a private domain (your own custom URL with no reference to KnowledgeOwl) and point that to your KnowledgeOwl subdomain. You or your webmaster will need to add a CNAME record for your subdomain. Once created, the private domain may take up to 24 hours to be fully synced.

If your private domain uses https:, you can use our integration with Let's Encrypt to provide an automatically renewed SSL cert for your knowledge base, too!

Here's the overall process:

  1. Have your webmaster set up a CNAME record that points your private domain (such as help.mycompany.com) to your KnowledgeOwl subdomain shown on Settings > Basic (such as mycompany.knowledgeowl.com).
  2. In Settings > Basic, add the private domain.
  3. Once the private domain has synced, generate a Let's Encrypt SSL certificate. The domain can take up to 24 hours to sync, but usually it completes in a few minutes.
  4. If you're using features that leverage reCAPTCHA, add a reCAPTCHA key.

See below for more detailed information on each step and how to troubleshoot errors you might run into.

Articles

Logos
All of our layout templates include a space for a logo in the header of your knowledge base. We recommend using an image that is no taller than 60px and no wider than 300px, though you can use CSS overrides to resize larger images. To set a logo or...
Custom Colors
Our theme designer allows you to customize your knowledge base colors. Click on a color to change it using the color wheel or enter a hexadecimal color code of your choice. Don't know the color hex codes off the top of your head? Pull your col...
Themes
You can choose from the four basic themes we offer when using our theme builder on the Settings > Style  page. Each theme has a different layout and style associated with it: Minimalist is our most recent theme, inspired by the awesome ...
Layouts
Layouts control the visible columns in your knowledge base.   You will always have at least one column for your main content like the home page, search results, and articles. The left column allows you to include a table of contents for na...
Add a link to the upper right (top navigation)
Learn how to add a link to the upper right of your knowledge base.
Custom Fonts
Our knowledge base theme builder allows you to choose from a variety of fonts, sizes, and weights. We even have pre-built font pairs picked by a designer. You can also specify a custom font, either as a web font available via URL, or 1+ custom font...
Undo changes to Settings > Style
Sometimes, while trying out changes in our Look and Feel documentation or making other changes on the fly, you might suddenly get your knowledge base looking...not so great. Maybe you accidentally deleted something you needed, or you changed to a ...
Configuring reCAPTCHA
If you are using a KnowledgeOwl subdomain (such as my-amazing-kb.knowledgeowl.com ), you don't need to configure your own reCAPTCHA. However, if you have customized your knowledge base to use your own private domain, such as www.mykb.mycompan...
Theme Builder
Our super fancy theme builder has lots of tools and options to customize the look and feel of your knowledge base. You can easily customize your colors, fonts, logo, theme, and layout without needing to know HTML or CSS. Our theme builder previews ...
Favicons
A favicon is the tiny image that appears to the left of website names in browser tabs. Here is an example:  Sample favicon If you are interested in learning more about them, take a look at the Favicon Wikipedia article: http://en.wikip...
Breadcrumbs
Learn what breadcrumbs are and how to enable and disable them in your knowledge base.
Click to zoom / enlarge images
You can add the fancyBox script to your theme to allow readers to click and expand images to their full-size versions in a lightbox.  Click to zoom / enlarge this image Is it free?  For you, probably. KnowledgeOwl has purchased...
Customize style or layout using HTML/CSS
All plans have full access to the HTML and CSS of your knowledge base theme. This allows you to make your theme look pretty much however you want! Almost any element of your knowledge base can be customised. If you're HTML and CSS savvy you can...
Display a back to top icon when scrolling
Add this code to your custom CSS: .back-to-top { background: none; margin: 0; position: fixed; bottom: 100px; right: 40px; width: 70px; height: 60px; z-index: 100; display: none; text-decoration: none; color: #ffffff...
Only Play GIFs While Hovering
GIFs have become more and more popular over the years, and are very useful in knowledge bases as they provide a simple way to demonstrate or instruct without requiring a proper video. However having them start playing as soon as the article loads c...
Localizing your knowledge base to your timezone
You can set the timezone your knowledge base uses under Settings > Basic . This will update all dates and times to display in the time zone of your choice. You can also choose how you would like your dates to be formatting: American (MM/DD/YYYY)...
Different Logos for Different Reader Groups
Here is how to change the site logo depending on reader group.  Upload all logos to the file library under Library > Files. Paste the following code into the bottom of your Body HTML under Settings > Styles > Custom HTML > Body.&...
Access to the Header via Custom Head
Custom <head> is a powerful tool to help you customize your knowledge base. Here's a few examples: Use your own custom favicon These little guys are favicons: And while you may really like our pretty purple logo (we certainly do!), y...
Set your footer copyright to automatically update
The default Custom HTML for your knowledge base's footer will set the Copyright to: Copyright (c) 2015 - 2016. While you can manually edit the ending year, that can be a bit of a pain to remember to update. Here's a quick custom HTML change...
Fix Anchor Links Hidden by Top Navigation
A common issue with anchor links on webpages is that they jump to the top of the page and are often hidden by top navigation. There are multiple ways to solve this problem depending on how you create and format your anchor tags. Use CSS-only solu...