Magento. How to manage Material Design icons

This tutorial shows how to edit Material Design icons block in Magento.

Magento. How to manage Material Design icons

1. Right click the mouse and use ‘Inspect element’ tool to locate the CSS class for the icon to edit and copy the CSS class for the cart:

   

2. Open the file with the css inspected rule from the server or computer using a code editor and look for the class code in it, as /skin/frontend/tm_themes/themeXXX/css/styles.css in our case:

   

3. Open skin/frontend/tm_themes/theme_XXX/css/material-design.css and copy the needed content code:

   

   We strongly recommend backing up the file before editing it.

4. Paste the content code copied from skin/frontend/tm_themes/theme_XXX/css/material-design.css to your css rule content property:

   

5. Save the changes and refresh the site:

   

Feel free to check the detailed video tutorial below:

Magento. How to manage Material Design icons