Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1318829

    I give up after 2 hours of digging the forum and trying to resolve this issue.

    I just want to add the Amazon icon on the social header/footer.

    https://snipboard.io/xbzBW3.jpg

    Here is my current code:

    // Register new icon as a theme icon
    function avia_add_custom_icon($icons) {
    	$icons['amazon'] = array( 'font' =>'font', 'icon' => 'ue924');
    	return $icons;
    	}
    add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
    
    // Add new icon as an option for social icons
    function avia_add_custom_social_icon($icons) {
    	$icons['Amazon '] = 'amazon';
    	return $icons;
    	}
    
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    I also tried uploading the Fontello icon, still no go.

    Question: I’m using Beaver Builder mainly to build 300+ sites and these social icons are such a basic thing that I can add them in just 10 secs. I don’t understand why Enfold has to involve codes and importing. I suggest you include this basic function soon. I wasted 2 hours on just this small icon. :(
    I feel frustrated and exhausted.

    #1318865

    Hey Jad,
    Thank you for the link to your site but the login doesn’t work. I assume that you followed these steps: How to add Custom Social Icons to Enfold options
    But looking at your code snippet above I see that you didn’t specify the font, you used the word “font” instead of “entypo-fontello”
    also please note if you are not using a child theme you need to add the code to the enfold/functions.php at around line 47 after

    if( isset( $avia_config['use_child_theme_functions_only'] ) )	
    {	
    	return;		
    }

    but I see that you are using a child theme so perhaps you have a curly quote in your code?
    This is the code I used which worked for me:

    // Register new icon as a theme icon
    function avia_add_custom_icon($icons) {
    $icons['amazon'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue924');
    return $icons;
    }
    add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
    
    // Add new icon as an option for social icons
    function avia_add_custom_social_icon($icons) {
    $icons['Amazon'] = 'amazon';
    return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    the social profile was added at Enfold Theme Options ▸ Social Profiles ▸ Your social profiles at the bottom of the list
    2021-08-29_003.jpg
    and on the frontend it shows like this
    2021-08-29_004.jpg
    Don’t forget the Amazon orange mouse-over css:

    #top #wrap_all .av-social-link-amazon:hover a{
        color:#fff; 
        background-color:#FF9900; 
    }
    

    Best regards,
    Mike

    #1319830

    Hey Mike,

    You’re a legend!

    All sorted now.

    Thanks :)

    #1319862

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Amazon Icon is showing Pencil Icon?’ is closed to new replies.