Categories

Featured templates

JS Animated. How to replace Flaticon icons (sympletts)

Ryan DeWitt October 26, 2015
Rating: 5.0. From 2 votes.
Please wait...
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)
This entry was posted in JS Animated tutorials and tagged flaticon, HTML, sympletts. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket

Live Chat
We help you to choose the right product.