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 |
Article Card Title | Layout | .helpkit-article-card-title | a | Both |
Article Card Description | Layout | .helpkit-article-card-description | p | Both |
Suggested Article Card | Layout | .helpkit-suggested-article-card | a | Both |
Category Card | Layout | .helpkit-category-card | a | Both |
Category Card Icon | Layout | .helpkit-category-card-icon | div | Both |
Category Card Title | Layout | .helpkit-category-card-title | h2 | Both |
Category Card Description | Layout | .helpkit-category-card-description | p | Both |
Category Card Article Count | Layout | .helpkit-category-card-article-count | p | Both |
Sidebar Wrapper | Layout | .helpkit-sidebar | div | Documentation |
Sidebar Category Parent Title Wrapper | Layout | .helpkit-sidebar-category | li | Documentation |
Sidebar Category Parent Title | Layout | .helpkit-sidebar-category-title | p | Documentation |
Sidebar Category Link | Layout | .helpkit-sidebar-category-link | a | Documentation |
Sidebar Article Link | Layout | .helpkit-sidebar-article-link | a | Documentation |
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 |
Powered by