How can we help? 👋

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?
😞
😐
🤩