HelpKit CSS Classes
Learn about HelpKit’s CSS classes you can customize them
In the table below you can find a list of all the CSS classes used on a HelpKit site. This is a great resource for referencing when it comes to customizing your site with the custom CSS feature. If you want to modify a feature that has no distinct class yet, please reach out and we will add it asap! Pinkey promise 🤞
Name | Category | CSS Class | HTML Element | Layout |
Article Search Bar | Search | .helpkit-search-input | input | Both |
Article Search Bar Icon | Search | .helpkit-search-icon | svg | Both |
Article Card | Layout | .helpkit-article-card | a | Both |
Suggested Article Card | Layout | .helpkit-suggested-article-card | a | Both |
Top Half Of Layout Background | Layout | .helpkit-top-container | div | Help Center |
Bottom Half Of Layout Background | Layout | .helpkit-bottom-container | div | Help Center |
Text Above Search Bar | Content | .helpkit-search-prompt-text | h2 | Both |
Text Next To Logo On Top | Content | .helpkit-help-center-text | div | Both |
Breadcrumb Link | Content | .helpkit-breadcrumb-link | div | Help Center |
Nav Menu Link Text | Content | .helpkit-menu-link-text | a | Both |
Did this answer your question?
😞
😐
🤩
Last updated on February 2, 2022