Overwrite knowledge base modules (like search box)

Service Hub Knowledge Base Tool
1

Hi,

Currently testing with overwriting some basic css, in this example the search box used in the new knowledge base. In the example I’m trying to overwrite the .hs-kb-search-input-wrapper.

I added a stylesheet with the class, but it doesn’t seem to apply. What am I doing wrong?

Nisse__2-1733150555568.png
Nisse__2-1733150555568.png364×226 17.2 KB

2

Hi,

Could you check to see if there are any inline styles or specific module styles affecting that class.

FYI to bump up the priority of your style, you can use “!important” after your declarations.

Also if moving things around in HubSpot’s editor is an option, placing it higher up or using the Styles tab within the page editor might help get it to apply correctly.

Cheers,
Harsh
Fario Consulting

3

Hey @Nisse_ I don’t believe the KB supports css customisations right now, so attaching the stylesheet to the domain likely won’t load your stylesheet within your KB even if it’s on that domain!