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 work with Font Awesome social icons block

This tutorial shows how to edit Font Awesome Social icons block in Magento.

Magento. How to work with Font Awesome social icons block

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

Feel free to check the detailed video tutorial below:

Magento. How to work with Font Awesome social icons block

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