-
AuthorPosts
-
August 29, 2021 at 11:34 am #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.August 29, 2021 at 11:43 pm #1318865Hey 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 afterif( 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
and on the frontend it shows like this
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,
MikeSeptember 6, 2021 at 5:48 am #1319830Hey Mike,
You’re a legend!
All sorted now.
Thanks :)
September 6, 2021 at 12:33 pm #1319862Hi,
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 -
AuthorPosts
- The topic ‘Amazon Icon is showing Pencil Icon?’ is closed to new replies.