# Knowledge base styles

**URL:** <https://community.hubspot.com/t/knowledge-base-styles/8894>\
**Category:** Knowledge Base Tool\
**Created:** [May 17, 2018, 7:07pm UTC](https://community.hubspot.com/t/knowledge-base-styles/8894 "2018-05-17T19:07:51Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![roisinkirby](https://avatars.discourse-cdn.com/v4/letter/r/e95f7d/32.png) [@roisinkirby](https://community.hubspot.com/u/roisinkirby)\
**Post date:** [May 18, 2018, 11:11am UTC](https://community.hubspot.com/t/knowledge-base-styles/8894/2 "2018-05-18T11:11:54Z")

</div>

**This conversation is around the tool as it is built currently; if you would like to upvote the ability to further customize this tool going forward, please visit our ideas forum, including [this idea.](https://community.hubspot.com/t5/HubSpot-Ideas/Edit-the-Knowledge-Base-home-page-layout/idi-p/192979?collapse_discussion=true&filter=location&location=board:HubSpot_Ideas&q=knowledgebase%20styling&search_type=thread)**

Hey @radko at this time the Knowledge Base can only be customized in the following ways:

Click the **Customize** tab to edit the appearance of your knowledge base:

- **Navigation bar** - here you can customize the way your knowledge base appears in a web browser:
  - 
    - **Favicon** - the small image that appears at the top of the browser tab.
    - **Company logo** - your knowledge base logo image.
    - **Name your knowledge base** -what you want your knowledge base to be called, e.g., Help Center or Knowledge Base.
    - **Company website URL** - the link for your company website, this will be linked to your logo image.
    - **Text link to your company website** - this text will appear in the upper-right corner of your knowledge base, linking to your _Company website URL_.  
 ![](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/3/a3bd30efacd7d829db23b0add872956556e24ec7.png)

- **Header** - this is the content that appears in the top section of your knowledge base website:
  - **Welcome message** - this displays above the search bar on your knowledge base home page.
  - **Header color** - select a **color bubble** or use the **color picker** to enter or select a custom color. This color will fill the space behind the search bar.  
 ![](https://d2qpr2jzcazej7.cloudfront.net/original/2X/d/d67c41935153550916f7e003afbf2ff35c250e61.png)
  - **Header background image** - in place of a _Header color_, you can upload your own background image to fill the space behind the search bar. Click **Browse images** to choose an image from your file manager, or **Upload** to select a new image from your computer.

- **Links** - this color will be used for any text links throughout your knowledge base.
- On the left side of your _Customize_ settings, you’ll see a live preview of how your knowledge base will appear on different device types. Use the **tabs** to adjust the preview and see how your knowledge base will appear on different device types. This preview will update with all your changes in real time.

 ![](https://d2qpr2jzcazej7.cloudfront.net/original/3X/8/6/869c2bcc4ae9dd6b25bf3cf9a319f88116b721fd.png)

#### 

Please be advised that while there are no public roadmaps at this time this is a brand new tool that HubSpot will be constantly improving and expanding based on feedback.

---

_[View the full topic](https://community.hubspot.com/t/knowledge-base-styles/8894)._