Thu. Jul 4th, 2024

5. Magento. How to manage Material Design icons

1 min read
  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

July 2024
M T W T F S S
« Jun    
1234567
891011121314
15161718192021
22232425262728
293031