Navigation
Archive / FontAwesome not working
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 6, 2016 at 4:08 pm #1075385
    GDBE
    Participant

    Trying to add a linked font awesome icon in my footer widget and the icon is not showing up. Here is my code
    <a href="https://www.yelp.com/writeareview/biz/ngE8K8oKCBq4yilTDtLcGw?return_url=%2Fbiz%2FngE8K8oKCBq4yilTDtLcGw"><i class="x-icon x-icon-yelp" data-x-icon="" aria-hidden="true"></i></a>

    “>Website

    July 6, 2016 at 10:10 pm #1075835
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! The code is valid is correct. It should display the yelp icon using the code:

    
<a href="https://www.yelp.com/writeareview/biz/ngE8K8oKCBq4yilTDtLcGw?return_url=%2Fbiz%2FngE8K8oKCBq4yilTDtLcGw"><i class="x-icon x-icon-yelp" data-x-icon="" aria-hidden="true"></i></a>

    Please make sure that you have the correct Unicode HTML entity or data-x-icon. Please try to compare your code from this raw code here: http://pastebin.com/ftVq6P2J

    Hope this helps. Please let us know how it goes.

    July 7, 2016 at 7:56 am #1076383
    GDBE
    Participant

    That worked. Where are you getting these codes from-
    data-x-icon=""
    Is there a list somewhere? I need one for google plus too
    data-x-icon=””

    July 7, 2016 at 8:01 am #1076392
    GDBE
    Participant

    NM – I found them

    July 7, 2016 at 9:47 am #1076532
    Joao
    Moderator

    Glad to hear it.

    Let us know if you need help with anything else.

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1075385 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>