When I want insert an Entypo icon, it seems there is a third code/identifier that I don’t understand what it is, and I can’t look up code/identifier for when I wan to insert a different icon.
For example, to show the phone icon on my page, I have:
<div>[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#ec7a1d' size='26px' position='left'][/av_font_icon]</div>
Note the icon code for the phone is “ue854” but on http://www.entypo.com/characters/ it shows “U+1F4DE” and “📞”
I forgot where the ue854 came from. Am I doing something wrong? Is there a better way?
Hey!
Thank you for using the theme!
You can use the icon shortcode. Example:
[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' color='' size='40px' position='left' custom_class=''][/av_font_icon]
You can find the character codes by hovering over the icons:
Cheers!
Ismael
Hey!
Thank you for the update. Glad it is working.
I’m sorry but do you want the grey background there or not? You don’t have to enclose it on a div actually. If you want the grey background, maybe change the code:
<div style="padding: 4px 8px; background: #bebebe;">
Replace it with this:
<div style="padding: 4px 8px; background: #bebebe; height:35px; display: block;">
Regards,
Ismael
Yes I did want the grey. That worked. Thanks Ismael!