Categories

Landing Page. How to change Flaticon icons

George Jones June 2, 2016
Rating: 5.0/5. From 2 votes.
Please wait...

This video tutorial is going to show you how to Change Flaticon icons in Landing page templates.

  1. Inspect the icon using the Firebug or any other developer’s tool.

    Landing_Page-How_to_change_Flaticon_icons-1
  2. For example, if you want to replace the Notebook Icon with Cart Icon, you should copy the Cart icon class from general-ui.css file, located in the CSS folder on your server.

    Landing_Page-How_to_change_Flaticon_icons-2
  3. Next you should edit the index.html file from Installation Root folder on your server.

    Landing_Page-How_to_change_Flaticon_icons-3
  4. In index.html file search for the icon class that you want to replace, and change the icon class name.

    Landing_Page-How_to_change_Flaticon_icons-4
  5. Go back to your site and make sure to refresh page to see changes.

    Landing_Page-How_to_change_Flaticon_icons-5

Feel free to check the detailed video tutorial below:

Landing Page. How to change Flaticon icons
Best Landing Page Design
This entry was posted in JS Animated tutorials, Landing Page Tutorials and tagged flaticon, icons, Landing Page. 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