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

Featured templates

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:

    Magento_How_to_manage_material_design_icons_1

  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:

    Magento_How_to_manage_material_design_icons_2

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

    Magento_How_to_manage_material_design_icons_3

    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:

    Magento_How_to_manage_material_design_icons_4

  5. Save the changes and refresh the site:

    Magento_How_to_manage_material_design_icons_5

Feel free to check the detailed video tutorial below:

Magento. How to manage Material Design icons

 
Live Chat
We help you to choose the right product.
Start chat