Change the favorites star icon

If you don't want to use the star for your Favorites icon, you can change that action to a different icon by adding a little Custom CSS to your knowledge base.

Before you make this change, you'll need to select a new icon to use. We recommend using Font Awesome icons. Once you find the icon you'd like to use, you'll need to copy the Unicode for it. In Font Awesome, the Unicode value is listed once you view the details for an icon:

Sample unicode for a Font Awesome icon

Once you have located the icon and the Unicode you'd like to use, in KnowledgeOwl:

1. Go to Settings > Style.
2. Below the Preview pane, in Customize HTML, CSS, and JS, be sure Custom CSS is selected.
3. Copy the CSS below and paste it in to your Custom CSS. (If you're not sure where to put it, the bottom is usually a safe choice!)

   /* Change favorites icon from star to bookmark */
   i.favorite-article-icon:before {
     content: "\xxx"; /* icon unicode value */
   }

4. Update the content "\xxx" value in row 3 to the Unicode for the icon you selected. Be sure you keep the \ at the start and keep the whole value in quotes. For example, here we replace the icon with a bookmark, whose unicode value is f02e:

   /* Change favorites icon from star to bookmark */
   i.favorite-article-icon:before {
     content: "\f02e"; /* bookmark icon unicode value */
   }

5. You can Preview your changes to see how they look.
6. Be sure to Save your changes once you're satisfied with the icon you've selected!