-
AuthorPosts
-
November 25, 2014 at 1:27 pm #357498
I know this has been asked before but after reading through this: http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/ I still can’t quite figure out what to do.
I have uploaded this code into my child-theme function.php file. I have downloaded the font I want to use from fontello and gave it a custom code of ue999 (it is a github icon from the Zocial collection) and imported it using the themes import font option.
I am currently using the Skype icon in its place but am unsure how to swap the new github icon for the current Skype icon.
The test site is here: http://littledigitalagency.com/Client/openfin/ The icons are in the footer.
Thanks
SladeNovember 25, 2014 at 2:21 pm #357513Update: Please note that my “how-to” below, will force Enfold to replace the actual Skype icon itself with your custom Github icon. In case you’re looking to add Github to Enfold’s “Social Profiles” settings, then you might need a completely different and more complex approach / function.
In case you’re actually looking to add Github to Enfold’s “Social Profiles” settings, then please see the link in Yigit’s reply.
Hi Slade,
I’m using that function to replace the pencil icon in post archives. If the complete function is in your functions.php already, all you have to do is this:
Replace:
$icons['standard'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue915');
With this:
$icons['skype'] = array( 'font' =>'fontello', 'icon' => 'ue999');
As you can see,
standard
needs to be replaced withskype
. That will tell Enfold that the default Skype icon should be replaced with iconue999
.Optional: you might notice that
entypo-fontello
is changed intofontello
, as this is the name of my custom icon collection. Since it’s unclear to me how you named your custom icon collection, you might need to use another value thanfontello
. To find out the correct value/font name to use:– Simply edit a page using the Advanced Layout Builder.
– Open a Content Element that will show you the list of icons you can use (e.g. the Icon content element has this list).
– You’ll notice that each font collection, in the icon list, has a short line of text above it, stating the collection’s name in aFont: entypo-fontello
format.
– Find theue999
icon in the icon list and see under which font name it is placed. If it’sFont: fontello
, then no further action is needed. If it’sFont: anothername
then ensure your line looks like this:$icons['skype'] = array( 'font' =>'anothername', 'icon' => 'ue999');
That should do the trick!
Best,
Ralph
November 25, 2014 at 2:47 pm #357525Hi!
Please see Ralph’s instructions and also see – https://kriesi.at/support/topic/enfold-social-media-links-at-top-yelp/#post-290732
@ralph12 Thanks :)Regards,
YigitNovember 25, 2014 at 3:04 pm #357539@yigit: No problem :) I’ve updated my answer with a link to your reply. Since it’s a bit unclear whether the Skype icon itself should be replaced by Github (as explained by my “how-to”) or whether Github should be added to Enfold’s “Social Profiles” settings (as explained by the post you link to).
November 25, 2014 at 8:09 pm #357865November 25, 2014 at 9:20 pm #357941EDIT –
Quick question – when I hover over the newly created Github icon it still says “Skype”. Where/how do I change this?
Thanks!Hi guys! @ralph12 – worked perfect!! Thank you so much! Couldn’t have been more clear.
Thank you too Yigit! I have saved both solutions for future reference. Will come in very handy.
Thanks again!
Slade
- This reply was modified 9 years, 12 months ago by Sladestyle.
-
AuthorPosts
- The topic ‘Upload new Social Icon’ is closed to new replies.