General Info
- About
  - What is HelpKit?
  - Why do I need a knowledge base?
- Payment
  - How does the free 7 day trial work?
  - What payment methods do you accept?
  - Does HelpKit work with Notion's free tier?
  - How to redeem a coupon code?
  - How do I add a VAT number?
- Data Safety
  - Is my data safe with HelpKit?
- User Management
  - How can multiple users use HelpKit?
Getting Started
- Onboarding
  - Three easy steps to setup HelpKit
  - Connecting your Notion page
  - Important: Working with the template
- Syncing
  - Syncing your knowledge base
  - Common issues when syncing your knowledge base
- Article Reactions
  - What are article reactions?
Working with Notion Docs
- Collection
  - 🆕 Adding a new collection
  - ↪️ Changing the position of a collection
  - ✨ Adding emojis/icons to your collection
  - 🆕 Adding a new sub collection
  - ↪️ Changing the position of a sub collection
- Article
  - 🆕 Adding a new article
  - ✨ Adding emojis to your article
  - ↪️ Changing the position of an article
  - ⭐ Displaying suggested articles
  - 🙅‍♂️ Hiding draft articles
  - 🔗 Linking internal HelpKit articles
- Supported Notion Blocks
  - ⚡ Which Notion block types are supported?
Customization
- Website Look
  - Adding a logo for your site
  - Changing your site's background and accent colors
  - Adding custom menu and footer links
  - Overriding default words on your site
  - Displaying the contact us button on your site
- Article Look
  - Handling image resizing
  - Adding a table of contents to your article
- Domains
  - Connecting a custom domain
  - Dealing with SSL certificate issues
- Password Protection
  - Password protecting your site
- Internationalization
  - Overriding default words on your site
- Link Structure
  - Achieving pretty URL links for your site
  - Customizing and redirecting article URLs
Insights
- Site Analytics
  - What are site analytics insights?
- Feedback Analytics
  - What are feedback analytics insights?
- Search Intents
  - What are search intents insights?
Widget
- About
  - What is the HelpKit widget?
- Setup
  - Embedding the widget on your website
- Customization
  - Displaying the contact us button in your widget
- Widget API
  - Opening the widget
  - Hiding the launch button
HelpKit AI
- General
  - How to get started with HelpKit AI
Integrations
- Analytics Providers
  - What are analytics providers?
- Contact Providers
  - What are contact providers?
  - Setting up the contact form
  - Setting up the custom link button
  - Setting up Crisp for live chat
  - Setting up Papercups for live chat
  - Setting up Intercom for live chat
  - Setting up Freshchat for live chat
  - Setting up Messagebird for live chat
  - Setting up Hubspot for live chat
  - Integrating HelpKit with a ticketing system
- Custom JavaScript
  - What is the custom JavaScript integration?
- Custom CSS
  - What is the custom CSS integration?
  - HelpKit CSS Classes
SEO
- General
  - Improving your site for SEO
  - Improving your articles for SEO
More

Changing your site's background and accent colors

Learn how to customize your header and accent color so that it perfectly matches your brand

Customizing your header and accent background to match your brand colors is super simple. Please just follow these steps:

In dashboard:

Navigate to Settings page

Click on Look & Data

Toggle the Header Style section

Pick your header and accent colors

Hit the Save button

📽 Video Instruction:

Where is the background color displayed?

Your background color gets displayed on your HelpKit website as well as your widget.

The background color is displayed on your widget as well as your Helpkit website

Where is the accent color displayed?

The accent color is used for the left border on your article cards as well as the text color of your article links.

Did this answer your question?

😞

😐

🤩

Last updated on September 7, 2021

Adding a logo for your site Adding custom menu and footer links