How to add custom social icon from FontAwesome?<\/p>\n
To add custom social icon from FontAwesome collection to the theme, please go here and pick your desired icon: When you pick your icon, please copy its code, you will need it later. When you got the code of your desired icon, please make sure you’re using the child theme and put the following code in your child theme’s functions.php<\/strong> file:<\/p>\n Remember to change the social network name to your desired – please keep the first appearance of the name ($icons[‘digg<\/strong>‘]) in lowercase.<\/p>\n Next, please go to Theme Options -> Advanced -> Custom CSS<\/strong> and put in the following CSS code:<\/p>\n Here you need to change the names of classes (digg) to the name of the network you’ve used in the code before ($icons[‘digg<\/strong>‘]), and the code of the icon (content: “f1a6<\/strong>“;), to the code of the icon you’ve picked – remember to keep the slash “” before the code.<\/p>\n After that, please go to Theme Options -> Top Bar & Header -> Microwidgets<\/strong> and set the new icon in the Social Icons widget.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":" How to add custom social icon from FontAwesome? To add custom social icon from FontAwesome collection to the theme, please go here and pick your desired icon:FontAwesome Social Icons When you pick your icon, please copy its code, you will need it later.In this tutorial, we will add the Digg icon:https:\/\/fontawesome.com\/icons\/digg?style=brandsIts code is f1a6https:\/\/i.imgur.com\/nbDwxc7.jpg When…<\/p>\n","protected":false},"author":2,"featured_media":4470,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[30,31],"tags":[],"class_list":["post-4095","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dream-theme-support-portal","category-knowledgebase","category-30","category-31","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/4095","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/comments?post=4095"}],"version-history":[{"count":1,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/4095\/revisions"}],"predecessor-version":[{"id":4119,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/4095\/revisions\/4119"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/4470"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=4095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=4095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=4095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/br>FontAwesome Social Icons<\/a><\/p>\n
<\/br>In this tutorial, we will add the Digg icon:
<\/br>https:\/\/fontawesome.com\/icons\/digg?style=brands<\/a>
<\/br>Its code is f1a6<\/strong>
<\/br>https:\/\/i.imgur.com\/nbDwxc7.jpg<\/a><\/p>\nfunction my_presscore_get_social_icons_data($icons) {$icons['digg'] = __('Digg', 'the7mk2');return $icons;}add_filter( 'presscore_get_social_icons_data', 'my_presscore_get_social_icons_data' );<\/pre>\n.digg .soc-font-icon:before, .dt-icon-digg:before { content: "f1a6";}.digg .soc-font-icon{ font-family: "Font Awesome 5 Brands" !important; font-weight:900;}<\/pre>\n
![https:\/\/i.imgur.com\/nbDwxc7.jpg<\/a><\/p>\nWhen you got the code of your desired icon, please make sure you’re using the child theme and put the following code in your child theme’s functions.php<\/strong> file:<\/p>\nfunction my_presscore_get_social_icons_data($icons) {$icons['digg'] = __('Digg', 'the7mk2');return $icons;}add_filter( 'presscore_get_social_icons_data', 'my_presscore_get_social_icons_data' );<\/pre>\nRemember to change the social network name to your desired – please keep the first appearance of the name ($icons[‘digg<\/strong>‘]) in lowercase.<\/p>\nNext, please go to Theme Options -> Advanced -> Custom CSS<\/strong> and put in the following CSS code:<\/p>\n.digg .soc-font-icon:before, .dt-icon-digg:before { content: "f1a6";}.digg .soc-font-icon{ font-family: "Font Awesome 5 Brands" !important; font-weight:900;}<\/pre>\nHere you need to change the names of classes (digg) to the name of the network you’ve used in the code before ($icons[‘digg<\/strong>‘]), and the code of the icon (content: “f1a6<\/strong>“;), to the code of the icon you’ve picked – remember to keep the slash “” before the code.<\/p>\nAfter that, please go to Theme Options -> Top Bar & Header -> Microwidgets<\/strong> and set the new icon in the Social Icons widget.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"How to add custom social icon from FontAwesome? To add custom social icon from FontAwesome collection to the theme, please go here and pick your desired icon:FontAwesome Social Icons When you pick your icon, please copy its code, you will need it later.In this tutorial, we will add the Digg icon:https:\/\/fontawesome.com\/icons\/digg?style=brandsIts code is f1a6https:\/\/i.imgur.com\/nbDwxc7.jpg When…<\/p>\n","protected":false},"author":2,"featured_media":4470,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[30,31],"tags":[],"class_list":["post-4095","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dream-theme-support-portal","category-knowledgebase","category-30","category-31","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/4095","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/comments?post=4095"}],"version-history":[{"count":1,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/4095\/revisions"}],"predecessor-version":[{"id":4119,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/4095\/revisions\/4119"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/4470"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=4095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=4095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=4095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}](https:\/\/i.imgur.com\/nbDwxc7.jpg){kind=link}