FAQ Detail

Question : How to create custom icons for categories?

Answer :

1. Go to admin panel > categories > all categories > edit

2. Put a custom class name on the fa-icon-class field

3. Click save


Now you need to create a css class for that custom class name. Please follow the steps below.

1. Edit ROOT/application/modules/themes/views/THEME_NAME/assets/css/custom.css

2. At the end of the file add the following lines

.my-plane-icon {
  background: rgba(0, 0, 0, 0) url("airplane.svg") no-repeat scroll 0 0 / 100% 100%;
  display: inline-block;
  height: 32px;
  width: 32px;


3. Here airplane.svg is your custom icon image. So upload airplane.svg file to ROOT/application/modules/themes/views/THEME_NAME/assets/css/ diretory.

4. This image file needs to be in svg format, because of the different screen sizes.


Once your are done save the file changes. Now go to your site and refresh to check if your custom icon is working.NB: For testing you can download the airplane.svg from Here . Once opened save the image from File >  Save page as menu from your browser.