Article formatting

Customize the look and feel of your articles and content

Articles

Display Code
Sometimes you may want to display code for your readers to copy and paste from an article. Here's how: Click on Source in your WYSIWYG editor. Paste the code you want to display into the Source. Wrap the code using the following...
Add Comments to Articles
Now you can allow people to comment on articles! You can choose where you want comments to appear, but we recommend either at the bottom of your articles or in the right hand column. You will be able to restrict who is allowed to view and comment, a...
Adjust Image Width for All Images
By default, images are displayed as actual size but can never be wider than your article. By making the maximum width a percentage (100%), images automatically resize to fix on any screen size or device. You can adjust the maximum width ...
Hide PDF for Individual Article
If an article contains a video or another type of embed like a survey or discussion forum, you might want to remove the option to download the article to PDF.  To hide the PDF icon on an individual article, c...
Adjust Line Spacing
By default, the line spacing, or line-height CSS attribute, is set to 31 pixels for maximum web readability. You can adjust the line-height of your text by pasting the following code into Settings > Style > Custom CSS : .hg-articl...
Format Numbered Lists
If you are using numbered lists to outline steps, you can adjust the formatting of your lists using some simple CSS. Adjust spacing and add a border between steps This sample code which will add spacing and a border between your steps. Customize i...
Working with links to other websites
There are two different ways you can link to websites outside of KnowledgeOwl: URL redirects, in which an entire article or category in your knowledge base redirects to another site links included within the text of an article This article will...
Link to Article
The Link to Article feature is helpful when referencing another article within KnowledgeOwl . It dynamically creates the links based on the unique ID of the articles, so you never have to worry about changed permalinks breaking links in your knowle...
Using H5 and H6 as Standard Formatting
Since some people don't typically use H5 and H6 headings we have an alternate solution that can come in handy. This solution allows you to take advantage of the H5 and H6 default formatting and create some formatting that you can use over and ov...
Limit the max characters allowed in comments
No one is writing War and Peace in this comment field! Are your readers writing their own version of War and Peace in your comments? Paste the below tidbit of JavaScript in Settings > Style > Custom HTML > Article to set a maximu...
Customize nested numbered list styles
By default, numbered lists with nested/indented items will display with the same numeric format as the main list. You can use custom CSS styles to globally set how your nested numbered list items display. Set different levels of nested items to dif...
Fix Email Article for Articles with Apostrophes
Customers sometimes run into an issue where the email option does not work on certain articles. The most common culprit is an apostrophe in the article title, which breaks our legacy code for the email option.  We've fixed the issue for...
Fix Anchor Links Hidden by Top Navigation
A common issue with anchor links on webpages is that they jump to the top of the page and are often hidden by top navigation. There are multiple ways to solve this problem depending on how you create and format your anchor tags. Use CSS Only Solu...