Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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
    Slade

    #357513

    Update: 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 with skype. That will tell Enfold that the default Skype icon should be replaced with icon ue999.

    Optional: you might notice that entypo-fontello is changed into fontello, 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 than fontello. 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 a Font: entypo-fontello format.
    – Find the ue999 icon in the icon list and see under which font name it is placed. If it’s Font: fontello, then no further action is needed. If it’s Font: anothername then ensure your line looks like this:

    $icons['skype'] = array( 'font' =>'anothername', 'icon' => 'ue999');

    That should do the trick!

    Best,

    Ralph

    #357525

    Hi!

    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,
    Yigit

    #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).

    #357865

    Hi!


    @ralph12
    Thanks once again :)

    Regards,
    Yigit

    #357941

    EDIT –
    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.
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Upload new Social Icon’ is closed to new replies.