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