US English (US)
BS Bosnian

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Book a Demo
  • Product Updates
  • Contact Us
English (US)
US English (US)
BS Bosnian
  • Home
  • Customization

How To Customize a Knowledge Base Header & Footer

A simple guide on how to customize a KB header and footer

Written by Emil Hajric

Updated at August 22nd, 2021, by Emil Hajric

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Getting Started
    Users Accessibility New to Helpjuice? Start Here Content Management Multiple Languages/Translations & Localization Multilingual Knowledge Bases Analytics Video Tutorials
  • Customization
    Customization Guides
  • API V2
  • API V3 and Webhooks
  • Article Editor
  • Billing / Subscription
  • Authentication
  • Pricing
  • Swifty AI Chatbot
  • Swifty AI Helpbar
  • What's New
+ More

To Customize a knowledge base by attaching it's header & footer, all you need to do is make sure to grab the header & footer html and CSS (and any fonts, etc.) and attach it to the knowledge base using the Customization page. 

This entire process takes less than 8-10 minutes – takes me ~5 minutes as I use shortcuts. 

We recommend using the CSS Used Chrome plugin. You can install it here: https://chrome.google.com/webstore/detail/css-used/cdopjfddjlonogibjahpnmjpoangjfff?hl=en

Video instructions: https://www.loom.com/share/aec1b4f70e64497d854d23e88b4a4216

Step-by-step Instructions:

  1. Open the clients KB & website
  2. On the clients website, open up Inspect Element (CMD + SHIFT + C on MAC). 
  3. Find the header, select the code, copy it, paste it onto their KB in Main Layout
  4. Using the CSS Used, you'll see the header CSS Used, click it, and copy over the CSS, paste into the CSS for the KB.  (screenshot)
  5. Save changes
  6. Go back and fourth, and copy/correct changes until it's perfect.

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Basic Customization
  • How To Submit Customization Requests

Copyright © 2025 - Helpjuice

Helpjuice, Inc. is a registered US Corporation, EIN # 45-2275731

Download W9
  • Help
  • Features
  • Pricing
  • About
  • Careers
  • Customers
  • Blog
  • Case Studies
  • Resources
  • Knowledge Base Examples
  • Privacy Policy
  • Terms of Service

Why is the knowledge base important?

With a knowledge base, you can allow your customers to self-help themselves, thus reducing your customer support by up to 60%. Furthermore, you can also have your team get instant answers to the questions they need without having to email themselves all using knowledge base software.

What is the purpose of a knowledge base?

The purpose of knowledge base software is to allow you to host your knowledge base/corporate wiki in one centralized 'hub'. Both your customers, and employees can now access information within seconds!

Made with from Miami, Bosnia, Morocco & Brasil

+1 (833) 387 3877 support@helpjuice.com
Expand