Tue. Jul 2nd, 2024

4. Magento. How to work with Font Awesome social icons block

1 min read

In order to change the Font Awesome social icons, we should go to admin section and follow instructions below:

Magento_fontawesome_social_icons_block_1

  1. Go to CMS _> Static Blocks. Find your Social icons block. In this template it is called socials. Please note that the block name can be different in your template:Magento_fontawesome_social_icons_block_2
  2. Open the socials block. There you will see links and fontawesome classes for Social icons:Magento_fontawesome_social_icons_block_3
  3. Open the Font Awesome Cheatsheet page. There you will see a list of icons and their classes. Just copy the class name and replace the original class name with it. Please note that not all icons may show up, as the newly added font awesome icons may not have styles in the template files. You can check the modified code on the screenshot below:Magento_fontawesome_social_icons_block_4
  4. Click Save Block at the right top and refresh the site. The modified icon will appear in case all the actions were performed properly:Magento_fontawesome_social_icons_block_5
July 2024
M T W T F S S
« Jun    
1234567
891011121314
15161718192021
22232425262728
293031