How to Modify the icons

In this knowledgebase , we have explained about how can you change our default icons.

Our LMS theme supoprts three kind of icon types,

  1. Fontawesome
  2. Stroke Gap Icon
  3. Custom Icon

Stroke Gap Icon

When you want to add “Stroke Gap Icon” , you have to paste the icon name after the text “icon-” then only it will display the icon without any issue.


When you want to add “Fontawesome” , simply you have to paste the icon name in the corresponding field.

Custom Icon

By default we have four custom icons,

  • custom-icon1
  • custom-icon2
  • custom-icon3
  • custom-icon4

If you want to display your own custom icon, then follow the below step.

  1. Step 1 : Upload your custom icon in the media library.
  2. Step 2 : After that you can upload that icon under the custom icon field.

You have to use .png file format icons and to get proper display like our demo then you have to upload the icon with 70*83 px resolution.

Rate This Article

(33 out of 70 people found this article helpful)

Leave A Comment?

This site uses Akismet to reduce spam. Learn how your comment data is processed.