Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • #444084

    Ahoy –

    I tried following this post but couldn’t get it to work… https://kriesi.at/support/topic/add-tripadvisor-icon-to-social-media-tags/

    I’m trying to add a fontello Icon which I successfully uploaded to my site. this is the code for my icon.

    [av_font_icon icon='ue801' font='tripadvisor' style='' caption='' link='' linktarget='' size='40px' position='left' color=''][/av_font_icon]

    I will also need to add this one:

    [av_font_icon icon='ue800' font='tripadvisor' style='' caption='' link='' linktarget='' size='40px' position='left' color=''][/av_font_icon]

    This icon works when I add it with shortcode.

    How do I get this to show up in my social icons top bar? is it because of the font name element?

    #445342

    Hey!

    Try adding this at the very end of your theme / child theme functions.php file:

    // Add custom icons header elements
    function avia_add_custom_icon($icons) {
    	$icons['tripadvisor']	 = array( 'font' =>'tripadvisor', 'icon' => 'ue800');
    	return $icons;
    }
    add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
    
    function avia_add_custom_social_icon($icons) {
    	$icons['TripAdvisor'] = 'tripadvisor';
    	return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    Cheers!
    Josue

    #447447

    Ahoy –

    I added that code but when I go under social in the enfold options there is no Yelp or Tripadvisor option still..

    #447448

    Hi,

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

    Regards,
    Josue

    #447451
    This reply has been marked as private.
    #447486

    Hi!

    Should appear now, check it.

    Regards,
    Josue

    #447491

    Rocking Thanks, I see that the yelp one works… What about the tripadvisor?

    #447496

    Oh, there are two icons to be add, ok check it now.

    Regards,
    Josuie

    #447500

    You rock Josue, seriously. Enfold support goes above and beyond!

    Was that coded added to the php?

    One more question, how to I add the background colors to the circles for those items?and how do I change the icon color for both top and scroll?

    #447502

    The code was added in Plugins > Edit Functions, to change the color/background color use this code in Quick CSS:

    /* Top */
    #top #wrap_all .av_header_transparency ul.social_bookmarks li a{
        color: blue; 
        background: green;
    }
    
    /* Scrolled */
    #top #wrap_all ul.social_bookmarks li a{
        color: red; 
        background: yellow;
    }

    Regards,
    Josue

    #447503

    Thanks I added that code but I still have an issue with the background circle for the new icons we added. How do I make the yelp be red on rollover and the tripadvisor be green on rollover?

    #447505

    Try with this:

    #top #wrap_all li.av-social-link-yell:hover a{
         background: red;
    }
    #top #wrap_all li.av-social-link-tripadvisor:hover a{
         background: green;
    }

    Regards,
    Josue

    #447581

    Great!

    One more thing, i’ve noticed that the icon color for the stock icons is gray off hover but when rollovers turns white. The new icons that we added are just gray. Is it possible to change that rollover color to white as well?

    #447630

    Hi!

    Just add color: white to it:

    #top #wrap_all li.av-social-link-yelp:hover a{
         background: #C40A11;
         color: white;
    }
    #top #wrap_all li.av-social-link-tripadvisor:hover a{
         background: #579441;
         color: white;
    }

    Best regards,
    Josue

    #447933

    Thanks.

    I just noticed when I click on an icon a underline shows up for all icons.. is there a way to get rid of that?

    https://www.dropbox.com/s/0fhnefbps8i7hag/Screenshot%202015-05-21%2010.04.20.png?dl=0

    #447950

    Hey!

    Use this:

    #top .social_bookmarks li a {
        text-decoration: none !important;
    }

    Cheers! 
    Josue

    #513796

    Hi Josue,

    I’ve been trying to add an icon for Bloglovin to my site. I followed the instructions and got the .zip file uploaded and the icon working.
    In the backend of my site i can only select it by selecting ‘Icon Label’ as the title of the icon. When I do this it does add the right icon to my site, but when I hover over it it says ‘icon_name’ instead of ‘Bloglovin’.

    I figured it had to do with changing ‘icon_name’ and ‘Icon Label’ in the code below. But as soon as I change any of these the icon on my site changes to a pencil and still displays ‘icon_name’ on hover over.

    // Register new icon as a theme icon
    function avia_add_custom_icon($icons) {
    	$icons['icon_name']	 = array( 'font' =>'fontello', 'icon' => 'ue800');
    	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['Icon Label'] = 'icon_name';
    	return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
    #514072

    Did you try re-selecting the icon in the theme options?

    Cheers!
    Josue

    #514196

    Hi Josh,

    Yes I did, but it didnt work.

    Cheers!
    Sebastiaan

    #514818

    Hi,

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

    Regards,
    Josue

    #515045

    Done, And while you are at it, can you please also take a look at my other question if you have the time? Found here: https://kriesi.at/support/topic/advertising-bar-below-menu/

    #515104

    Hi!

    Check it now.

    Cheers!
    Josue

    #515195

    Hi Josue,

    this one works! Great. tnx!
    Can you tell me what you changed so I can replicate it?

    Cheers!
    Sebastiaan

    #515219

    Check the icon code in your child theme functions.php.

    Best regards,
    Josue

    #515687

    Thank you! I thought I did the same, but I think I made a typo or missed an item there.

Viewing 25 posts - 1 through 25 (of 25 total)
  • The topic ‘Adding Custom Social Media Icons’ is closed to new replies.