# CSS customize knowledge base \[How to do it\]

**URL:** <https://community.hubspot.com/t/css-customize-knowledge-base-how-to-do-it/109198>\
**Category:** CMS Development\
**Tags:** professional\
**Created:** [June 12, 2024, 12:34pm UTC](https://community.hubspot.com/t/css-customize-knowledge-base-how-to-do-it/109198 "2024-06-12T12:34:31Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Emborg](https://avatars.discourse-cdn.com/v4/letter/e/8491ac/32.png) [@Emborg](https://community.hubspot.com/u/Emborg)\
**Post date:** [June 12, 2024, 12:34pm UTC](https://community.hubspot.com/t/css-customize-knowledge-base-how-to-do-it/109198/1 "2024-06-12T12:34:31Z")

</div>

I am full of despair. 😞

Is it really true that you can’t attach overwrites of existing CSS classes in the knowledge base website? Coming from Zendesk and must say that HubSpot feels very limited.

But as mentioned, I am looking for a method to overwrite existing CSS so that I can make it look a bit nicer and better support my own brand. All hacks appreciated  
/Esben

---

<div class="post-metadata">

**Author:** ![jnix284](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jnix284/32/29_2.png) [@jnix284](https://community.hubspot.com/u/jnix284)\
**Post date:** [June 13, 2024, 11:22am UTC](https://community.hubspot.com/t/css-customize-knowledge-base-how-to-do-it/109198/2 "2024-06-13T11:22:22Z")

</div>

Hi @Emborg it’s not currently possible to customize the HubSpot Knowledge Base via CSS, the good news is that this is already underway in private beta and there are a lot of changes coming soon.

For now, I’d focus on configuring your KB to optimize the content and structure. I don’t have a release date for the planned improvements and am not currently in the private beta anymore (I was at my previous company) so I don’t have the Product Manager’s info to pass on.

What I’d recommend is searching the [Ideas Discussion](https://community.hubspot.com/t5/HubSpot-Ideas/idb-p/HubSpot_Ideas) for the ideas already posted about customizing the KB and add your feedback to them directly, especially those marked In Planning. This will be the best way to share your feedback with the Product Managers directly and they may reach out about the beta so you can join - if you see an update from one of them on an idea, you can also try tagging them in your feedback to ask about it.

---

<div class="post-metadata">

**Author:** ![MarioBTB](https://avatars.discourse-cdn.com/v4/letter/m/90ced4/32.png) [@MarioBTB](https://community.hubspot.com/u/MarioBTB)\
**Post date:** [July 24, 2025, 10:58pm UTC](https://community.hubspot.com/t/css-customize-knowledge-base-how-to-do-it/109198/3 "2025-07-24T22:58:50Z")

</div>

Do you know what is the latest plan for the Knowledge Base, especially now that the KB agent is in beta? The thread that was marked In Planning for this some years ago has since been locked so I cannot reply there.

---

<div class="post-metadata">

**Author:** ![Berangere](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/berangere/32/220784_2.png) [@Berangere](https://community.hubspot.com/u/Berangere)\
**Post date:** [July 28, 2025, 7:44am UTC](https://community.hubspot.com/t/css-customize-knowledge-base-how-to-do-it/109198/4 "2025-07-28T07:44:29Z")

</div>

Hi @MarioBTB, I hope that you are well!  
Great question, thanks for asking the HubSpot Community!  
I am checking internally for you but in the meanwhile, could you also please post your question/comment on this Idea “[More flexible knowledge base design and layout, including custom HTML/CSS](https://community.hubspot.com/t5/HubSpot-Ideas/More-flexible-knowledge-base-design-and-layout-including-custom/idi-p/368171)” so that we can have more eyes on it.  
Thanks and have a great day!  
Bérangère

---

<div class="post-metadata">

**Author:** ![Berangere](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/berangere/32/220784_2.png) [@Berangere](https://community.hubspot.com/u/Berangere)\
**Post date:** [August 11, 2025, 4:36pm UTC](https://community.hubspot.com/t/css-customize-knowledge-base-how-to-do-it/109198/5 "2025-08-11T16:36:33Z")

</div>

Hi @MarioBTB, thanks for your patience!  
Getting back to you on this. So, if you are hoping to add HTML/CSS to the header or footer of an entire knowledge base, that is available with our newest knowledge base tools.  
We have a migration tool out that you can use to shift over! 🚀  
There is however no plans at the moment to completely open up development tools.  
I hope this helps!  
Have a lovely day!  
Bérangère, Community Manager

---

<div class="post-metadata">

**Author:** ![JonathanReitsma](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jonathanreitsma/32/79091_2.png) [@JonathanReitsma](https://community.hubspot.com/u/JonathanReitsma)\
**Post date:** [September 11, 2025, 2:30am UTC](https://community.hubspot.com/t/css-customize-knowledge-base-how-to-do-it/109198/6 "2025-09-11T02:30:54Z")

</div>

Hello, can you please share more details on how to customize the CSS of the knowledge base? Really frustrated by the lack of functionality and customization available, even just the ability to center my search bar contents…

---

<div class="post-metadata">

**Author:** ![Berangere](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/berangere/32/220784_2.png) [@Berangere](https://community.hubspot.com/u/Berangere)\
**Post date:** [September 11, 2025, 11:27am UTC](https://community.hubspot.com/t/css-customize-knowledge-base-how-to-do-it/109198/7 "2025-09-11T11:27:39Z")

</div>

Hi @JonathanReitsma and welcome, we are so glad to have you here!  
Thanks for asking the HubSpot Community!  
Sorry to hear about your experience with the customization.  
Here is the article “[Use code snippets with HubSpot content](https://knowledge.hubspot.com/website-and-landing-pages/use-code-snippets-with-hubspot-content)” with the instructions.  
Please let me know if you need further guidance, I’d be glad to help! ❤  
Regarding the ability to center the search bar on your knowledge base, could you please share the code you are using?

The more info, screenshots (without sensitive/confidential information), and details you can provide, the better the Community can assist.

I’d love to check with our Top Experts: Hi @evaldas, @TomM2 and @Anton do you have suggestions to help @JonathanReitsma, please?

Have a lovely day!  
Bérangère

---

<div class="post-metadata">

**Author:** ![JonathanReitsma](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jonathanreitsma/32/79091_2.png) [@JonathanReitsma](https://community.hubspot.com/u/JonathanReitsma)\
**Post date:** [September 11, 2025, 3:58pm UTC](https://community.hubspot.com/t/css-customize-knowledge-base-how-to-do-it/109198/8 "2025-09-11T15:58:03Z")

</div>

Thanks Anton and Bérangère! Not the answer I wanted to hear but helpful :).

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [September 11, 2025, 12:34pm UTC](https://community.hubspot.com/t/css-customize-knowledge-base-how-to-do-it/109198/9 "2025-09-11T12:34:38Z")

</div>

Hey @JonathanReitsma,

to be honest, the current Knowledge Base is still an underwhelming experience.

It got a few updates in the last couple of months, but I’m still recommending to create a new Blog, create a few custom templates and modules to recreate the “look&feel” of a Knowledge base and gain a ton more flexibility.

As of today, the only option to click on “Configure” and set a few things in there.

 ![Bildschirmfoto 2025-09-11 um 14.30.09.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/1/e/1e0caba24239c14f0e697a5504ab4d1db0afe801.png)

Also, you can can go into the [settings](https://app-eu1.hubspot.com/l/service-hub-settings/template-settings) and add some CSS for customization, but that’s about it what you can currently do with the knowledge base.  
Very unfortunate, considering the fact that it’s basically just a second blog…

p.s. If you should decide to go the blog way and need help with custom templates - I’ll be happy to help

best,

Anton

---

<div class="post-metadata">

**Author:** ![amcintosh](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/amcintosh/32/32338_2.png) [@amcintosh](https://community.hubspot.com/u/amcintosh)\
**Post date:** [January 14, 2026, 5:09pm UTC](https://community.hubspot.com/t/css-customize-knowledge-base-how-to-do-it/109198/10 "2026-01-14T17:09:32Z")

</div>

Would be very keen to get in on the beta for this, is HubSpot still looking for beta accounts for this? is there someone to reach out for access?

---

<div class="post-metadata">

**Author:** ![Berangere](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/berangere/32/220784_2.png) [@Berangere](https://community.hubspot.com/u/Berangere)\
**Post date:** [January 15, 2026, 1:33pm UTC](https://community.hubspot.com/t/css-customize-knowledge-base-how-to-do-it/109198/11 "2026-01-15T13:33:07Z")

</div>

Hi @amcintosh, I hope that you are well!  
If you’re hoping to add HTML/CSS to the header or footer of an entire knowledge base, that is available with our newest knowledge base tools.  
Here is the solution from @WSawyer on this post “[Custom CSS for new Knowledge Base](https://community.hubspot.com/t5/Knowledge-Base-Tool/Custom-CSS-for-new-Knowledge-Base/td-p/1216475)” that can help you.  
Or are you looking for something else?  
Thanks and have a great day!  
Bérangère

---

<div class="post-metadata">

**Author:** ![amcintosh](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/amcintosh/32/32338_2.png) [@amcintosh](https://community.hubspot.com/u/amcintosh)\
**Post date:** [January 15, 2026, 5:03pm UTC](https://community.hubspot.com/t/css-customize-knowledge-base-how-to-do-it/109198/12 "2026-01-15T17:03:33Z")

</div>

Custom styling in a settings panel you can’t access from the knowledge base itself seems like a bit obsfuscated for clients who many want to go tweak a color someday in the future.

Is there not still a beta for the development of theme templates for the knowledge base? I’m sorry, I must have been confused.

---

<div class="post-metadata">

**Author:** ![Berangere](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/berangere/32/220784_2.png) [@Berangere](https://community.hubspot.com/u/Berangere)\
**Post date:** [January 26, 2026, 6:54pm UTC](https://community.hubspot.com/t/css-customize-knowledge-base-how-to-do-it/109198/13 "2026-01-26T18:54:24Z")

</div>

Hi @amcintosh, I recommend keeping an eye on our [product updates page](https://www.hubspot.com/new) for the latest news  
You can also [explore available betas right from your account](https://knowledge.hubspot.com/account-management/opt-your-hubspot-account-into-a-public-beta-feature), they’re a great way to try out new features early!  
Thanks and have a lovely day!  
Bérangère
