Embed Font Awesome Icons in Knowledge Base Articles

Thomas Bohan
Tera Contributor

Is there a way to embed Font Awesome Icons in a HTML based Knowledge Base Article please

I've tried adding code like

<i class="fas fa-info-circle"></i> This is an info icon.

but it gets removed.

11 REPLIES 11

GlideFather
Tera Patron

Olá @Thomas Bohan,
can you please share some screenshot, this is difficult to understand what happened or what is your ambition, thanks

———
/* If my response wasn’t a total disaster ↙️ drop a Kudos or Accept as Solution ↘️ Cheers! */


J Siva
Tera Sage

Hi @Thomas Bohan 
Check out the below support article to modify the CSS of the KB article UI page.
How to change the CSS for Knowledge Articles

Issue

How to modify the CSS styling applied to a Knowledge article when viewed.

Resolution

Out of Box, all Knowledge Base (KB) articles are rendered using the 'kb_view' UI Page. To modify the CSS styling:

  • Clone the 'kb_view' UI Page.
  • Open the cloned record and find the line that's commented "Common styles are loaded in the 'Knowledge Common Styles' stylesheet".
  • Remove the part ?v=${gs.getProperty('glide.builddate')} from the <link> tag.
  • Save your changes.
  • Go to the 'content_css' table and find the Style Sheet labeled "Knowledge Common Styles".
  • Change/add the CSS properties you require.
  • Save and close.

If the changes do not take effect, try clearing the instance cache or doing a hard refresh on the kb_view page.

Note: These changes will only apply to the kb_view UI Page. It is not supported by ServiceNow Support and it is best practice to create a copy of the original content and modify the clone.

 

Regards,
Siva

Hi Siva,

Unfortunately its changing the content before I even get as far as rendering it in kb_view page.
See more info provided.

Thomas

@Thomas Bohan Thanks for sharing more details.

Will try in my instance and let you know if I get any breakthrough.