Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #566823

    Hi!

    I have been trying different code combinations for inserting a fontello icon (\ue877) directly into text code, but nothing works. Any idea?

    Regards
    Poirot

    #566827

    Hi!

    So far I have this solution for inserting an icon and attaching a link:

    [av_font_icon icon='ue877' font='entypo-fontello' size='32px' ]

    The problem is that the icon either appears at the right or left side of my container, instead of immediately after the text where I put it.

    Regards
    Poirot

    Edit: To attach the link I put the code above between an “a ref”

    • This reply was modified 8 years, 2 months ago by Poirot.
    #566940

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please? A screenshot highlighting what you are trying to achieve might help us understand better as well.

    Regards,
    Rikard

    #567298

    Hi Rikard,

    If you go to fastcompany.com you can see what I mean. In the top menu, next to the link “Features”, there’s an “arrow-down”. This is the kind of arrow icon I would like to use, for instance, in a <div> element after text with a Read More link.

    I found I can insert icons through Enfold shortcode. The problem is the alignment. The arrow is never displayed directly after the text, just like the link mentioned above.

    Regards
    Poirot

    #567634

    Hi,

    Ok, what if you wrap your shortcode in a span element?

    <span>[av_font_icon icon='ue877' font='entypo-fontello' size='32px' ]</span>
    

    Regards,
    Rikard

    #567804

    Hi Rikard,

    Thank you for your help. I tried adding the span element, but that didn’t change anything. I googled again and found a thread with a solution, that allows to position the icon inline, however now the line-height automatically increases and I don’t see how I can undo that in the code. I’ll try to find another way to use, or not use, the icons since it doesn’t seem to be working for me.

    https://kriesi.at/support/topic/fontello-icons-in-text/

    Regards,
    Poirot

    #568396

    Hi Poirot,

    Ok, please let us know if you should need any more help on the topic.

    Regards,
    Rikard

    #568604

    Hi Rikard,

    Ok, thank you!

    Regards,
    Poirot

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Insert fontello icon’ is closed to new replies.