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.
Chances are the classes might already exist but have not been updated here in this table ツ Please try to use your browsers dev tools to hover over your desired elements and see if they already have a HelpKit class.
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 | Both |
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 |
Company Logo | Content | .helpkit-company-logo | a | Both |
Did this answer your question?
😞
😐
🤩
Last updated on February 2, 2023