How to change the language name text in code blocks?

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.

Solution

1. Go to Settings → Knowledge base site → Custom 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;
}

3. Replace the text 'Example' with your desired text
4. Click Save