{"id":37046,"date":"2014-11-20T10:41:29","date_gmt":"2014-11-20T15:41:29","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=37046"},"modified":"2017-08-24T06:15:41","modified_gmt":"2017-08-24T10:15:41","slug":"magento-how-to-work-with-font-awesome-social-icons-block","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/magento-how-to-work-with-font-awesome-social-icons-block.html","title":{"rendered":"Magento. How to work with Font Awesome social icons block"},"content":{"rendered":"

<\/p>\r\n

This tutorial shows how to edit Font Awesome Social icons block in Magento<\/strong>.<\/p>\r\n

Magento. How to work with Font Awesome social icons block<\/a><\/p>\r\n

In order to change the Font Awesome social icons, we should go to admin section and follow instructions below: <\/p>\r\n

\"Magento_fontawesome_social_icons_block_1\"<\/a><\/p>\r\n

    \r\n
  1. \r\n

    Go to CMS _> Static Blocks<\/strong>. Find your Social icons block. In this template it is called socials<\/i>. Please note that the block name can be different in your template:<\/p>\r\n

    \"Magento_fontawesome_social_icons_block_2\"<\/a><\/p>\r\n<\/li>\r\n

  2. \r\n

    Open the socials block<\/strong>. There you will see links and fontawesome classes for Social icons:<\/p>\r\n

    \"Magento_fontawesome_social_icons_block_3\"<\/a><\/p>\r\n<\/li>\r\n

  3. \r\n

    Open the Font Awesome Cheatsheet<\/a> 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:<\/p>\r\n

    \"Magento_fontawesome_social_icons_block_4\"<\/a><\/p>\r\n<\/li>\r\n

  4. \r\n

    Click Save Block<\/strong> at the right top and refresh the site. The modified icon will appear in case all the actions were performed properly:<\/p>\r\n

    \"Magento_fontawesome_social_icons_block_5\"<\/a><\/p>\r\n<\/li>\r\n<\/ol>\r\n

    \r\n\r\n\r\n<\/a>\r\n<\/div>\r\n

    Feel free to check the detailed video tutorial below:<\/p>\r\n

    Magento. How to work with Font Awesome social icons block<\/a><\/p>\r\n

    <\/p>","protected":false},"excerpt":{"rendered":"

    This tutorial shows how to edit Font Awesome Social icons block in Magento.<\/p>\n","protected":false},"author":75,"featured_media":40499,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[729],"tags":[1538,688,674,2407,860],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/37046"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/75"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=37046"}],"version-history":[{"count":2,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/37046\/revisions"}],"predecessor-version":[{"id":83030,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/37046\/revisions\/83030"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/40499"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=37046"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=37046"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=37046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}