Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 15, 2016 at 4:49 pm #672798
    repking

    I followed the instructions and was able to properly add a yelp social icon to the list of icons and then successfully add it to the Enfold Social Icons section so that it would should up next to the other social icons in the footer and the header. The issue is that the icon is not visible in either location. The other icons show up fine just not the yelp one. I know it is there because i can hover over it and it is in the code when I view source. It looks like nothing is getting put into the “data-av_icon” field (see code below). Any help would be appreciated.

    <ul class=’noLightbox social_bookmarks icon_count_5′><li class=’social_bookmarks_facebook av-social-link-facebook social_icon_1′><span class=’avia_hidden_link_text’>Facebook</span><li class=’social_bookmarks_twitter av-social-link-twitter social_icon_2′><span class=’avia_hidden_link_text’>Twitter</span><li class=’social_bookmarks_instagram av-social-link-instagram social_icon_3′><span class=’avia_hidden_link_text’>Instagram</span><li class=’social_bookmarks_tumblr av-social-link-tumblr social_icon_4′><span class=’avia_hidden_link_text’>Tumblr</span><li class=’social_bookmarks_yelp av-social-link-yelp social_icon_5′><span class=’avia_hidden_link_text’>Yelp</span><div class=’phone-info ‘><span>331-777-4342     |   </span></div>

    August 17, 2016 at 1:04 pm #673705
    Yigit

    Hey repking,

    I changed charcode from ue800 to uf1e9, please review your website now

    Best regards,
    Yigit

    August 18, 2016 at 7:00 pm #674313
    repking

    Yep that worked. The only issue now is that the icon in the footeris a different color than the rest. It’s white instead of gray. Any thoughts on that?

    Also, I can’t figure out how to get the icon code that you used above. Where did you get that so that when I use others I can figure out the right codes for those also?

    Thanks in advance!

    August 21, 2016 at 9:56 pm #675443
    Yigit

    Hi,

    You can simply hover on the icon on one of ALB elements to see the charcode – http://i.imgur.com/Q8twOxZ.png

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #socket .av-social-link-yelp a {
    color: #9b7820;
}
#top #wrap_all .av-social-link-yelp:hover a {
    color: #ffffff;
    background: #d32323;
}

    Best regards,
    Yigit

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