How to bold specific words in Zendesk Guide article titles?

Hi Ria Fernandez,

If you see the words, it has been done by the JS for the specific words such as Connect, Add, Remove so all the Connect, Remove, Add, etc words show bold in the title or paragraph or everywhere or specific template as Section page, Category page, Article page, Homepage, etc. using the main-class-name of these pages.

Thanks

Team

Hi Ifra,

Thanks so much for your response! I don't quite understand though.. Did you mean that the bolding of the words was done by Javascript, like by code? I only want to do this in the home and category pages if possible. How exactly can I do this?

I've checked the category_page.hbs code but I'm not sure where to do it as the article titles aren't listed there.

I've noticed that the html shows the highlight class, but I don't know where to add this class tag.

Hey Ria Fernandez, copy the given code snippet and paste it to your script.js file at the bottom area.

 jQuery(document).ready(function($){
  var pattern = /\b(Article|practices|What|About|Zendesk)/gi;
    var replaceWith = '<strong>$1</strong>'; 
    $('.category-container a.article-list-link, .knowledge-base .promoted-articles-item > a').each(function(){
        $(this).html($(this).html().replace(pattern,replaceWith));
    });
});





Note: 
var pattern = /\b(Article|practices|What|About|Zendesk)/gi; --- Remove the words Article, practice, What, About, Zendesk  words and add yours.
$('.category-container a.article-list-item, .home-page-container a.articles-item').each(function(){ --- Remove my classes and add your category and homepage classes here  .category-container a.article-list-item and home-page-container a.articles-item





Output:

Thanks

Team

That worked beautifully!

Thank you so much, Ifra! 

Ohh, that's great! :)

Hi! Is there a way to use this code to make the field descriptions bold on a specific form and field?