Insert fontello icon

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, 10 months ago by Poirot.

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

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

Hi Rikard,

Ok, thank you!

Regards,
Poirot