Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 1, 2013 at 6:24 pm #168886
    kimmo

    How can I use Entypo icon font in footer.
    I have 3 columns on it, I’d like to use facebook icon etc. on the 3rd one.

    I have on child theme’s style.css
    #footer #text-4 .textwidget a {
    font-family: ‘entypo-fontello’ !important;
    font-size:40px;
    }

    and on widget

    What I’m doing wrong? Before the newest theme update I got it working, but not anymore

    October 1, 2013 at 6:24 pm #168888
    kimmo

    on widget:

    <a href="http://google.com"></a>
    October 2, 2013 at 6:36 am #169134
    Ismael

    Hey!

    Add the “avia-font-entypo-fontello” selector.

    <a href="http://google.com" class="avia-font-entypo-fontello">✎</a>

    Refer to this link for entypo characters code: http://www.entypo.com/characters/

    Best regards,
    Ismael

    October 2, 2013 at 5:39 pm #169439
    picnmix

    Hi Ismael,

    I tried what you instructed but just get this icon

     The benefits of….

    This is my code:-

    <li><a href="#"><span class="avia-font-entypo-fontello"></span>The benefits of....

    Is it because I am writing the HTML in a text block in the avia layout editor?

    thanks, Jake

    October 3, 2013 at 3:23 am #169719
    Ismael

    Hi!

    Use the HTML entity of the icon. As an example, we will use the iPhone icon html code on this link: http://www.entypo.com/characters/

    The code is: &# 128241;

    Cheers!
    Ismael

    October 3, 2013 at 7:01 am #169758
    FLQA

    Hi Ismael, Hi picnmix,

    I was using the same code (<span class=”avia-font-entypo-fontello”>insert icon here</span>) to use icons in my main menu but it doesn’t work anymore (with neither 2.3 or 2.3.1). My other icons are working fine though. Don’t know if that’s the case but I feel like the class for the icons or the css method have changed… I tried using : data-av_iconfont=”entypo-fontello” data-av_icon=”” aria-hidden=”true” combinations without success either…

    Any thoughts ?

    Fred

    October 3, 2013 at 9:48 am #169824
    Dude

    Hi!

    I posted a solution for the menu here: https://kriesi.at/support/topic/best-way-to-add-icons-to-the-top-level-menu/
    If you want to embed the icon into the php code you can use following code

    
echo av_icon('ue802', 'entypo-fontello');

    The first parameter is the icon character code (you can use fontello.com to find it – just select the icon and click on “Customize Codes” to find out which code is used to display the icon) and the second parameter tells Enfold which font family should be used for the icon (by default it’s entypo-fontello).

    Cheers!
    Peter

    October 3, 2013 at 11:03 am #169860
    FLQA

    Great Peter !

    Since I don’t need this function right away, I might even just wait for the next version and the shortcodes integration for the menu. ;)

    Thanks a lot !

    Fred

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Entypo icon font in footer’ is closed to new replies.