Categories

Featured templates

Magento. How to manage Material Design icons

Alice Weasley February 25, 2016
Rating: 5.0/5. From 2 votes.
Please wait...

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

Templates for Magento
This entry was posted in Magento Tutorials and tagged design, icon, Magento, material. 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