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

Landing Page. How to change Flaticon icons

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