Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
  • #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?


    Hi dday900!

    We are using the following list of icons, inside our theme:

    Let me know if I can help with something else.



    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.



    That must be an issue with the plugins or cache.
    Please disable plugins and let us know.

    Best regards,


    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?

    • This reply was modified 1 week, 1 day ago by  Mickyhood.

    Hi Mickyhood,

    Could you post a link to where can we see the problem please?

    Best regards,


    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”.



    The theme’s button shortcode has an icon option. Have you tried that?

    Best regards,


    Yes but this button has done in code only. I think that i can use one simply shortcode for the icon.



    Just add the icon shortcode above the input element or button. We can then use some css to move the icon above the button.

    Best regards,


    How do i do it?

    The button has the following code:



    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.

    Best regards,


    Ok and the ICON SHORTCODE HERE which?



    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.

    Best regards,


    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]

    • This reply was modified 1 day, 10 hours ago by  Mickyhood.

    Hi Mickyhood,

    Do you want the icon on the button?

    Best regards,



Viewing 17 posts - 1 through 17 (of 17 total)

You must be logged in to reply to this topic.