CherryFramework 4. How to replace material design icons with images

This tutorial is going to show you how to replace Material or FontAwesome design icons with images in CherryFramework 4 templates.

In order to replace Material design icons with the images, please follow the steps listed below:

1. Upload your icon under Media > Library section in your admin panel. Copy image URL after uploading:

   

2. Navigate to Pages > All Pages section in your admin panel. Open the page you wish to edit:

   

3. Locate cherry icon shortcode:

   [cherry_icon icon="icon: material-design-clock100" size="50" color="#ffffff"]

4. Replace icon: material-design-clock100 with the link for the image you wish to use.

5. Save the changes and check your site.

Feel free to check the detailed video tutorial below: