The knowledge base hero is the part that is always there and is different from the rest of the forum/community. It will make sure your customer recognizes your knowledge base from miles and they'll try to gather information from it. So, you should make sure it matches your brand.
Currently, the colors of your forum are automatically used for the knowledge base hero, this will make sure the knowledge base matches the rest of your brand. In most situations you're done in no-time.
What can I customize?
You are able to change colors, height and padding with CSS. Anything is possible.
Classnames list
We have given the hero container the .SupportHero
classname. Inside this container, you'll find the .HeroTop
container, containing the padding of the hero. The searchbar container is called .SearchHero
and contains the input with the default .FormControl
class.
For our own knowledge base, we use the following custom LESS
CSS to match it our brand:
.SupportHero {
.HeroTop {
background: url(/_assets/images/background.png) no-repeat bottom right #391285 !important;
}
}
With a little CSS knowledge, the possibilities are endless. If you need help, feel free to contact us!
Hero templates
In the nearby future you'll have multiple hero-templates available to choose from. Would you like something different? Let us know, it might be the second hero-template that will be available!