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

    #484855

    Hi dday900!

    We are using the following list of icons, inside our theme:
    http://fontello.github.io/entypo/demo.html

    Let me know if I can help with something else.

    Cheers!
    Basilis

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

    #484928

    Hey!

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

    Best regards,
    Basilis

    #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?

    • This reply was modified 6 months ago by  Mickyhood.
    #910488

    Hi Mickyhood,

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

    Best regards,
    Rikard

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

    #911479

    Hi,

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

    Best regards,
    Ismael

    #911611

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

    #912024

    Hi,

    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,
    Ismael

    #912176

    How do i do it?

    The button has the following code:

    #912582

    Hi,

    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,
    Ismael

    #912688

    Ok and the ICON SHORTCODE HERE which?

    #913092

    Hi,

    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,
    Ismael

    #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]

    • This reply was modified 5 months, 4 weeks ago by  Mickyhood.
    #913519

    Hi Mickyhood,

    Do you want the icon on the button?

    Best regards,
    Victoria

    #913703

    Yes.

    #913816

    Hi Mickyhood,

    Does this mean the issue can be closed?

    Best regards,
    Victoria

    #913881

    no I had asked what is the code for the icon to be inserted in the code of the button. You have not answered yet.

    #914142

    Hi,

    We added the following css code.

    .resetbutton {
        width: 200px;
        margin: 0 auto;
        position: relative;
    }
    
    .bottoneresetta {
        width: 100%;
    }
    
    .reseticon {
        position: absolute;
        top: 13px;
        left: 20px;
    }

    You should see the icon above the reset button.

    Best regards,
    Ismael

    #914180

    Ok but i want that the icon is inside the button. Can it be?

    #914334

    Hi v,

    You need to put the icon inside the input.
    https://www.formget.com/ (Purchase code hidden if logged out) /
    Something like

    
    input {
       background: url(images/comment-author.gif) no-repeat scroll 7px 7px;
       padding-left:30px;
    }
    

    Best regards,
    Victoria

    #914336

    Hi Mickyhood,

    You need to put the icon inside the input.

    (Purchase code hidden if logged out) /” rel=”nofollow”>Form Field Elements having Icon Inside it

    Something like

    
    input {
       background: url(images/comment-author.gif) no-repeat scroll 7px 7px;
       padding-left:30px;
    }
    

    Best regards,
    Victoria

    • This reply was modified 5 months, 3 weeks ago by  Victoria.
Viewing 23 posts - 1 through 23 (of 23 total)

You must be logged in to reply to this topic.