Securing Your Knowledge Base in the Help Center

Securing Your Knowledge Base in the Help Center

Hello Everyone!
Welcome to this week's edition on customizing the Knowledge Base in the Help Center. As the core of self-service for customers, the Knowledge Base is essential, but some organizations, like ZylkerShop, choose to restrict access to registered users only.
Here are the codes to hide the Follow option and Social Sharing option in the Knowledge Base.
Steps to add the CSS code
i. Navigate Setup (S) >> Channels >> Help Center >> Select the Help Center portal >> Select Customization. Click Customize on the theme you want to change.
ii. On the left panel, under Customize, click on CSS and paste the code. On the top right of the screen, click Preview to view the changes, and then click Publish to see the live changes.





Hide the Follow option in the Knowledge Base
When users follow every article they read, they might become overwhelmed with notifications during updates and maintenance in the Knowledge Base. To manage their content and prevent information overload, ZylkerShop decided to hide the Follow option in its Knowledge Base.


  1. /*Elegant Theme*/
  2. .articleDetail .KBArticleRightContainer__userFollowOption,
  3. .articleList .KBArticleRightContainer__userFollowOption,
  4. .article_subcategory .KBArticleRightContainer__userFollowOption,
  5. .articleDetail .KBArticleRightContainer__followerCount,
  6. .article_subcategory .KBArticleRightContainer__followerCount,
  7. .articleList .KBArticleRightContainer__followerCount,
  8. .ContentList__subCategory .ListHeader__dottedPopup,
  9. .KbCategory__box .KbCategory__dottedPopup,
  10. .KbDetailRtContainer__widgetRight .KbDetailRtContainer__widgetSection:nth-child(1),
  11. .articleList .ArticleListRightContainer__widgetRight .ArticleListRightContainer__widgetSection:nth-child(1) .ArticleListRightContainer__followOption,
  12. .articleList .ArticleListRightContainer__widgetRight .ArticleListRightContainer__widgetSection:nth-child(1) .ArticleListRightContainer__subscribeDescription{
  13.     display:none;
  14.  }

  16. /*Materialized Theme*/
  17.  .articleDetail .KBArticleRightContainer__userFollowOption,
  18. .articleList .KBArticleRightContainer__userFollowOption,
  19. .article_subcategory .KBArticleRightContainer__userFollowOption,
  20. .articleDetail .KBArticleRightContainer__followerCount,
  21. .article_subcategory .KBArticleRightContainer__followerCount,
  22. .articleList .KBArticleRightContainer__followerCount,
  23. .ContentList__subCategory .ListHeader__dottedPopup,
  24. .KbCategory__box .KbCategory__dottedPopup,
  25. .KbDetailRtContainer__widgetRight .KbDetailRtContainer__widgetSection:nth-child(1),
  26. .articleList .ArticleListRightContainer__widgetRight .ArticleListRightContainer__widgetSection:nth-child(1) .ArticleListRightContainer__followOption,
  27. .articleList .ArticleListRightContainer__widgetRight .ArticleListRightContainer__widgetSection:nth-child(1) .ArticleListRightContainer__subscribeDescription{
  28.     display:none;
  29.  }
  30.  
  31. /*Flat Theme*/
  32. .article_subcategory .KBProductHeader__button,
  33. .article_subcategory .CategoryList__titlePart .CategoryList__dottedPopup,
  34. .articleList .KBListContainer__info,
  35. .articleDetail .KBDetailsContainer__info{
  36.  display:none; 
  37. }

  39. /*Classic Theme*/
  40.  .article_subcategory .SubscribeDepart__subs .SubscribeDepart__followContent,
  41. .articleList .SubscribeDepart__subs .SubscribeDepart__followContent,
  42. .articleDetail .ArticleDetailRightContainer__followContentLow{
  43.     display:none;
  44.  }


Hide the Social sharing option in the Knowledge Base
Accidental information sharing through social media could lead to a data breach, compromising the organization’s privacy. Therefore, ZylkerShop chose to refrain from providing options to share Knowledge Base information on social media.


  1. /*Elegant Theme*/
  2. .KbDetailLtContainer__userSocialIcon{
  3. display: none
  4. }

  6. /*Materialized Theme*/
  7.  .Feed__footerCol .ActionBar__actionBarActionssecondary { display: none; }

  9. /*Flat Theme*/
  10.  .KBDetailsContainer__info + .KBDetailsContainer__info{
  11. display:none;
  12. }

  14. /*Classic Theme*/
  15. .ArticleCmd__articleLike>div:last-child 
  16. {
  17. display:none;
  18. }


Stay tuned for a few more customization options for your Knowledge Base in your Help Center.
Until Next week, GoodBye. 
Regards,
Lydia Kiruba | Zoho Desk