August 8, 2015 at 8:21 pm #484848
I’m writing text in a widget for my enfold site, and I want to use an icon (like a phone and email icon).
This code seems to work:
<span class=”av-icon-char” aria-hidden=”true” data-av_icon=”xxxx” data-av_iconfont=”entypo-fontello”>
However the “xxxx” is the part that’s wrong, where do I find a list of code for the icons so that I can put in the code there?August 8, 2015 at 9:54 pm #484855
We are using the following list of icons, inside our theme:
Let me know if I can help with something else.
BasilisAugust 9, 2015 at 6:54 pm #484927
Ok how do I make it work in the widget code: <span class=”av-icon-char” aria-hidden=”true” data-av_icon=” ” data-av_iconfont=”entypo-fontello”></span>
When i copy-paste the icon into the data-av_icon=” ” field, it works but the next time I hit save it’s gone. The icon disappears every time I hit save on the widget.August 9, 2015 at 6:56 pm #484928
That must be an issue with the plugins or cache.
Please disable plugins and let us know.
BasilisFebruary 9, 2018 at 7:06 pm #910362
Hi, when i put this:
<span class=”av-icon-char” aria-hidden=”false” data-av_icon=”icon-cup” data-av_iconfont=”entypo-fontello”></span>
in the text of a widget with personalized HTML, the icon not is that i chosen. Why?
February 10, 2018 at 7:01 am #910488
- This reply was modified 1 week, 1 day ago by Mickyhood.
Could you post a link to where can we see the problem please?
RikardFebruary 12, 2018 at 11:13 am #911013
Ok, I solved with the icon code taken directly from the “icon” element of the theme.
But now there is another problem. Is not it possible to insert, with a shortcode, the icon in a custom button in HTML and CSS?
The site is under private content.
I want to insert an icon in the button “reset”.February 13, 2018 at 4:24 am #911479
The theme’s button shortcode has an icon option. Have you tried that?
IsmaelFebruary 13, 2018 at 11:13 am #911611
Yes but this button has done in code only. I think that i can use one simply shortcode for the icon.February 14, 2018 at 1:59 am #912024
Just add the icon shortcode above the input element or button. We can then use some css to move the icon above the button.
IsmaelFebruary 14, 2018 at 10:39 am #912176February 15, 2018 at 3:12 am #912582
Please add the icon shortcode right after the paragraph opening tag.
<p align="center"><span class="reseticon">ICON SHORTCODE HERE</span><input type=”reset” class="bottoneresetta" value="Reset" data-icon="refresh"></p>
Use the “reseticon” class attribute to adjust the icon’s position.
IsmaelFebruary 15, 2018 at 10:44 am #912688February 16, 2018 at 5:07 am #913092
You can generate the shortcode icon from a temporary post or page. Look for the shortcode generator icon — a wand with the light blue color. If you can’t find the shortcode generator, please provide the login details in the private field.
IsmaelFebruary 16, 2018 at 10:59 am #913202
ok i find the code, is this: [av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' size='20px' position='left' color=''][/av_font_icon]
February 17, 2018 at 7:00 am #913519February 17, 2018 at 7:03 pm #913703
- This reply was modified 1 day, 10 hours ago by Mickyhood.
You must be logged in to reply to this topic.