StatusHelpChangeForge
Help Center

Real Data

Customizing Your Help Center

Last updated 13 days ago

Branding

Your help center uses the logo and brand color from Settings > General > Branding. Set the help center's title and subtitle under Help Center Banner on the same page.

Banner style

Banner style in Settings > General sets one look for your status page, changelog and help center banners. It's available on every plan, and a Preview shows your changes as you make them. You can set:

  • Background: Solid, Gradient or Image, using a photo you upload
  • Text color: Auto, Light or Dark
  • Height: Compact, Standard or Tall
  • Pattern: None, Dots, Grid or Waves, shown on Solid and Gradient backgrounds only
  • Page background: The color behind your pages. Dark colors aren't supported yet.

A Solid banner uses your brand color unless you pick a Banner color. A Gradient banner uses a Gradient start and Gradient end color. To size your logo, use Size on public pages under Logo. Click Save Changes when you're done.

Layout and search

In Settings > Help Center, you can choose:

  • Home Layout: Grid or List for the categories on your home page
  • Show article counts on categories
  • Show search inside the banner: Places the search box inside the banner instead of below it

Click Save to apply.

Custom CSS (Pro)

With HelpForge Pro, you can add your own CSS to customize your help center further. Go to Settings > Help Center and enter up to 10,000 characters in the Custom CSS field.

Security restrictions

Custom CSS is checked when you save. These are blocked:

  • @import statements
  • expression() calls
  • javascript: URLs
  • External URL references
  • <style> tags, -moz-binding and behavior

Only safe, self-contained CSS is allowed.

Was this helpful?

Related Articles

Can't find what you're looking for?

Contact Support