If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

JS Animated. How to replace Flaticon icons (sympletts)

JS Animated. How to replace Flaticon icons (sympletts)

This tutorial shows how to replace Flaticon icons in Website templates.

JS Animated. How to replace Flaticon icons (sympletts)-1

  1. Each template comes with pack of specific icons that can be used in particular template. You can use shortcodes.php file in order to see icons included to the template. You may download this file (in case such file is not included to your template package). Be sure to upload shortcodes.php file to a live server along with template files:

    JS Animated. How to replace Flaticon icons (sympletts)-2

  2. Open shortcodes.php file in browser. There we can see icons and their classes:

    JS Animated. How to replace Flaticon icons (sympletts)-3

  3. Let’s replace the icon. Inspect icon using developer tool in Chrome or Firebug in Firefox. We can see icon class. We are going to change this class:

    JS Animated. How to replace Flaticon icons (sympletts)-4

  4. Open appropriate html page in editor. In our case it is index.html file. Search class using editor’s search function:

    JS Animated. How to replace Flaticon icons (sympletts)-5

  5. Copy icon class. In our case only class name should be copied (without full stop symbol "."):

    JS Animated. How to replace Flaticon icons (sympletts)-6

  6. We have changed icon class:

    JS Animated. How to replace Flaticon icons (sympletts)-7

  7. Save changes and upload modified .html file. Refresh page. We have changed the icon:

    JS Animated. How to replace Flaticon icons (sympletts)-8

Feel free to check the detailed video tutorial below:

JS Animated. How to replace Flaticon icons (sympletts)