How to change the language name text in code blocks?
  • 03 Aug 2022
  • 1 Minute to read
  • Contributors
  • Dark
    Light
  • PDF

How to change the language name text in code blocks?

  • Dark
    Light
  • PDF

You would want to keep a constant name like Example, Sample code, etc., as language name text for code blocks. By default, the respective language name appears in the code blocks. Follow the below workaround to change the language name in code blocks.

This action would change the language name in all the code blocks in your knowledge base.

Solution

  1. Go to SettingsKnowledge base siteCustom CSS & JavaScript, and Custom CSS tab is the default selection
  2. Paste the below snippet in the window
div.code-toolbar>.toolbar .toolbar-item:first-child {
    visibility: hidden;
}
div.code-toolbar>.toolbar .toolbar-item:first-child span:before {
    visibility: visible;
    content: "Example" !important;
}

  1. Replace the text 'Example' with your desired text
  2. Click Save

Was this article helpful?