Code Snippets

​Making Tables Scroll When They're Too Wide for the Page

Gotta show a lot of data at once? Tables are a great fit. Except if you end up with a lotta data in your table, it might go off the page. Here's how to make the tables scroll.

Jake Peters
Updated 2 hours ago by Jake Peters

​Getting Help with Code Snippets

HelpDocs comes packed full of customization options: CSS, Javascript and HTML. Our customers have built some amazing things with all three of these. If there's anything you want to customize, you probably can!

Jake Peters
Updated 1 month ago by Jake Peters

​Disabling Authorship and Updated Times

From our experience, customers love being able to see who updated an article and when. That being said, sometimes you might want to hide all that metadata away.

Jake Peters
Updated 1 month ago by Jake Peters

Making Your Printed HelpDocs Look Nicer

Users can print your articles using the regular browser flow (Ctrl/Cmd-P). You can make their printing experience nicer by adding a print stylesheet.

Jake Peters
Updated 14 seconds ago by Jake Peters

Making Video Embeds Responsive

If you're embedding videos from Youtube or Vimeo, you might find that they don't occupy the full width of the article. You can make these embeds fluid with a little custom JavaScript.

Jake Peters
Updated 18 minutes ago by Jake Peters

Adding Lightboxes to Images

Lightboxes allow your customers to expand an image or a GIF for a closer look. This might be useful for the little details they can't quite see without expanding or accessibility for people with vision impairment.

Jarratt Isted
Updated 21 minutes ago by Jarratt Isted

Disabling Top Articles

From our experience Top Articles are helpful for customers as they guide them towards the most useful articles. We don't offer a native way to turn them off, but you can hide easily with a little CSS.

Jarratt Isted
Updated 2 hours ago by Jarratt Isted

Using a Background Image in the Header

When you set up your HelpDocs you'll get your primary color as the background for your header. Sometimes you might want to change this into an image. 📷

Jarratt Isted
Updated 2 hours ago by Jarratt Isted

How to Add Extra Spacing

HelpDocs is designed with usability and accessibility in mind, but there might be times where you want to add additional spacing between paragraphs or around images.

Matt Aunger
Updated 1 day ago by Matt Aunger

Disabling Related Articles

Related articles are calculated automatically and inserted at the bottom of your articles. We're always trying to improve the suggestions, but if they aren't what you'd hoped for, you can disable them completely.

Jake Peters
Updated 1 month ago by Jake Peters

Using HelpDocs with RTL Languages

The HelpDocs text editor has a button you can click to switch text direction for RTL (right-to-left) languages like Hebrew. But there's some other parts of your template you'll want to edit to make everything appear in the right (pun intended) direction.

Jake Peters
Updated 1 month ago by Jake Peters

Using Different List Styles

Our default list schema is numbers > lowercase letters > lowercase roman numerals. If you want to change that, you totally can.

Jake Peters
Updated 1 month ago by Jake Peters

Overriding the Font on Your Knowledge Base

If you're looking to load a fancy new font of your own or simple want to make a small change to one element, you can override fonts on your knowledge base with a little CSS.

Jarratt Isted
Updated 1 month ago by Jarratt Isted

Add HTML Before the Closing Body Tag

Customizing your docs with JavaScript snippets and CSS is an awesome way to make them stand out. Most of the time you'll find dropping your custom code into Settings > Code > CSS or Scripts works sup…

Matt Aunger
Updated 1 month ago by Matt Aunger

How to Change the Logo Link

Navigation is a huge part of a successful knowledge base. Giving your users an easy way to get back to your company website or application is pretty crucial 🙃 We've made sure adding custom navigation…

Matt Aunger
Updated 1 month ago by Matt Aunger

Customizing Feedback Icons

Wanna change the look of your feedback buttons? You can with a little bit of JavaScript. Icons8 is a great resource for finding free icons that look great. Changing Feedback Icons. Paste the followin…

Jarratt Isted
Updated 1 month ago by Jarratt Isted

Get in touch