Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #455768

    How can I add my own Social Icons in the Social Profiles area. There are limited choices so I’d like to be able to add my own icon so I can link to a IMDB profile.

    #455881

    Hi!

    1. Import them as a webfont, they should be available as a webfont here.

    2. Add this at the very end of your theme / child theme functions.php file:

    function avia_add_custom_icon($icons) {
    	$icons['imdb']	 = array( 'font' =>'_IMPORTED_FONT_NAME_HERE_', 'icon' => '_ICON_CODE_HERE_');
    	return $icons;
    }
    add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
    
    function avia_add_custom_social_icon($icons) {
    	$icons['imdb'] = 'imdb';
    	return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    Best regards,
    Josue

    #462155

    I have tried several times and it is not working – what could the issue be?

    #462175

    Hi,

    Can you please create us a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    #462397
    This reply has been marked as private.
    #462798

    Hey!

    I recommend adding it to a child theme functions.php file but if you need to add it to Enfold’s functions.php then you’ll need to move it up around line 10. I already did it for you.

    Next you need to change this line.

    $icons['imdb']	 = array( 'font' =>'fontello', 'icon' => 'imdb');
    

    To something like this.

    $icons['imdb']	 = array( 'font' =>'fontello', 'icon' => 'ue803');
    

    If your not sure which “ue803” to use then extract the zip file of the font you downloaded and look inside the /fonts/ folder. If you open up the .svg file in a text editor you’ll see a line like this.

    <glyph glyph-name="crown" unicode="" d="m419 822c-39 0-71-32-71-72 0-40 32-72 71-72 39 0 74 32 74 72 0 40-35 72-74 72z m-48-222c-40-119-101-152-101-152s-52 146-109 232c-23-52-47-86-96-100-1-44 51-208 55-290l601 0c2 79 55 256 55 288-38 16-85 51-96 102-63-86-109-232-109-232s-61 33-101 152c-27-13-77-13-99 0z m-297 222c-40 0-74-32-74-72 0-40 34-72 74-72 39 0 70 32 70 72 0 40-31 72-70 72z m47-603l0-119 600 0c0 43 0 81 0 119z m644 603c-40 0-72-32-72-72 0-40 32-72 72-72 40 0 72 32 72 72 0 40-32 72-72 72z" horiz-adv-x="837" />
    

    You can grab the number to use there, unicode="".

    EDIT: You can also change which code to use on the fontello.com site. Click on the “Customize Codes” tab after selecting the icons you want.

    Best regards,
    Elliott

    • This reply was modified 9 years, 6 months ago by Elliott.
    #462817

    Check it now, i ended up using a plugin to store the custom code (Plugins > Edit Functions).

    Cheers!
    Josue

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.