Viewing 30 posts - 1 through 30 (of 30 total)
  • Author
    Posts
  • October 1, 2013 at 8:31 am #168610
    jackyking

    Hi,

    I am using charmap for some of the icons. Now after upgrading to 2.3, these icons are not showing up anymore.

    When checking the new version files, I noticed there was this “entypo-fontello-deprecated” folder under “fonts”, looks like new version is using new character maps now for the icons?

    My question is, can you please help me identify which characters maps I should convert these to under v2.3?

    & #59170;
    & #128101;
    & #59197;
    & #128197;
    & #128187;
    & #9874;

    Thank you so much!!!

    October 1, 2013 at 8:50 am #168620
    jackyking

    Hi,

    Something similar to what I am using, I put a space in between “&” and “#” so that you can read the charmaps.

    <li title=”vcard”>& #59170;
    <li title=”users”>& #128101;
    <li title=”cart”>& #59197;
    <li title=”calendar”>& #128197;
    <li title=”monitor”>& #128187;
    <li title=”tools”>& #9874;

    thanks,

    October 2, 2013 at 7:55 pm #169511
    Josue

    Hi!

    Use this character map as a reference guide.

    Regards,
    Josue

    October 2, 2013 at 10:35 pm #169571
    jackyking

    Hi Josue,

    Thanks for helping me out on this.

    How do I use it? For instance, I currently have 👤 in the code, do I replace it with U+1F464?

    I tried it but didn’t work.

    What would be the syntax to use in v2.3. In v2.2, “👤” would be converted to an actual icon but “U+1F464” is just “U+1F464” in v2.3, no icon is displayed.

    thanks,

    October 2, 2013 at 11:52 pm #169606
    Josue

    Hi!

    The same code should work, the one that starts with &, if it doesn’t please post a link to your website, i’d like to check it live.

    Cheers!
    Josue

    October 3, 2013 at 12:21 am #169616
    jackyking
    This reply has been marked as private.
    October 3, 2013 at 12:55 am #169630
    jackyking

    btw, while you are helping me, could you please also take a look at the “Login|Register” on the top of the page?

    Before I upgraded the theme to v2.3, a click on the “login” would pop-up a login form. The pop-up form still works after the upgrade, just that it is TRANSPARENT now. The main menu somehow is rendered again and shows through the login form.

    Can you please help check that for me as well?

    Thanks a lot!

    October 3, 2013 at 1:00 am #169633
    Josue

    Hey!

    Try updating your theme (again), there was a recent version released today that may fix your issue :)

    Best regards,
    Josue

    October 3, 2013 at 1:03 am #169635
    Josue

    Hey!

    Regarding the login issue, this CSS code will fix it:

    #header_meta{ z-index: 2 !important; }

    Cheers,
    Josue

    October 3, 2013 at 1:06 am #169637
    jackyking

    Thanks Josue! :)

    regarding the login issue, where do I add this? to the quick CSS field?

    cheers!

    October 3, 2013 at 1:10 am #169642
    Josue

    Hello!

    Yes, either there or in the css/custom.css file.

    Regards,
    Josue

    October 3, 2013 at 3:46 am #169725
    jackyking

    Hi Josue, it worked!! thanks a lot.

    Please keep this post open, I will upgrade the theme to the latest version and will update you whether that solves the charcode issue or not.

    thanks again.

    October 3, 2013 at 10:15 am #169844
    jackyking

    Hi Josue,

    I upgraded to the latest v2.3.1 but the charcodes are still not showing up correctly. Could you please help take a look?

    thank you,

    October 3, 2013 at 10:18 am #169847
    jackyking
    This reply has been marked as private.
    October 6, 2013 at 9:46 am #171082
    Ismael

    Hey!

    Add the avia-font-entypo-fontello selector on the list items.

    <ul>
	<li class="avia-font-entypo-fontello" title="vcard">& #59170;</li>
	<li class="avia-font-entypo-fontello" title="users">& #128101;</li>
	<li class="avia-font-entypo-fontello" title="cart">& #59197;</li>
	<li class="avia-font-entypo-fontello" title="calendar">& #128197;</li>
	<li class="avia-font-entypo-fontello" title="monitor">& #128187;</li>
	<li class="avia-font-entypo-fontello" title="tools">& #9874;</li>
</ul>

    Don’t forget to remove the space after “&”.

    Regards,
    Ismael

    October 6, 2013 at 12:03 pm #171123
    jackyking

    Hi Ismael,

    Thank you for your reply.

    I added it but icons are still not displayed on the page. :(

    Can you please help check again?

    This is the current code from that page. I added space in between “&” and “#” so the charcodes could be displayed.

    <section class=”av_textblock_section” itemscope=”itemscope” itemtype=”http://schema.org/CreativeWork&#8221; ><div class=’avia_textblock ‘ itemprop=”text” >

      <li class=”avia-font-entypo-fontello” title=”vcard”>& #59170;
      <li class=”avia-font-entypo-fontello” title=”users”>& #128101;
      <li class=”avia-font-entypo-fontello” title=”cart”>& #59197;
      <li class=”avia-font-entypo-fontello” title=”calendar”>& #128197;
      <li class=”avia-font-entypo-fontello” title=”monitor”>& #128187;
      <li class=”avia-font-entypo-fontello” title=”tools”>& #9874;

    </div></section>

    Thank you,

    October 6, 2013 at 7:22 pm #171250
    decl

    Hello!

    I think I’ve a similar problem. I was using the charmap in css to show a phone-icon before the “phone-info”. After upgrading it’s not showing up anymore.

    Changing to “📞″ and “U+1F4DE″ didn’t work. I also tried embedding the entypo font with @font-face myself, but this didn’t work either …

    Thanks for helping!

    October 6, 2013 at 7:25 pm #171254
    Josue

    Hi @decl,

    Can you post the link to your website please?

    Regards,
    Josue

    October 6, 2013 at 9:24 pm #171315
    decl
    This reply has been marked as private.
    October 7, 2013 at 6:46 am #171473
    Ismael

    Hi!

    My bad! I tested it on Enfold 2.2 and it does work but not on Enfold 2.3. I’m not sure why it is not working on the latest version of Enfold. I tried but the icon font is not rendering properly. Let’s wait for Kriesi’s response.

    Regards,
    Ismael

    October 7, 2013 at 12:52 pm #171578
    jackyking

    okay. Thanks, Ismael.

    Appreciate if you could let me know once there is a solution from Kriesi.

    Thank you,

    October 9, 2013 at 4:48 pm #173109
    Kriesi

    Hello!

    The current system works in a different way than the previous one to avoid certain conflicts. This means you can no longer directly output a character code as part of a text string. I am working on a simply way to make that happen again, probably by adding a shortcode but for now it is simply not possible.

    Sorry
    Best regards,
    Kriesi

    October 9, 2013 at 5:53 pm #173143
    Ismael

    Hey!

    There is a trick that you can use. On the Advance Layout Editor, insert the Iconlist element. Select the icons that you want then publish the page. Using Google Chrome, inspect the iconlist icons. Refer to the screenshot, we will copy the magnifying glass’s code:

    <span class="iconlist-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>

    You can use the icon code as a stand alone icon. Insert it on a Text Block. This can be a temporary solution while we are waiting for Kriesi’s response.

    Regards,
    Ismael

    October 9, 2013 at 6:32 pm #173174
    jackyking

    Thank you Kriesi for chiming in. Appreciate it.

    Sorry to ask, I know you are an extremely busy person. Do we have any ETA on the new shortcode?

    Thank you,

    October 9, 2013 at 6:34 pm #173176
    jackyking

    Thank you, Ismael.

    October 9, 2013 at 6:57 pm #173189
    Kriesi

    Hi!
    No eta yet. also in addition to the “workaround” provided by ismael: there is already a icon only shortcode available if you simply want to start list icons with an icon this might be the best solution for now. you can insert that shortcode when adding some text to the text editor by clicking the magic wand symbol and then insert the font icon ;)

    Best regards,
    Kriesi

    October 10, 2013 at 1:02 am #173325
    jackyking

    Kriesi, I would need this shortcode to get the icons because we have some custom codes that use the charcodes. In the mean time, will try out the workaround.

    Once again, it’s the best support ever and you have a 5-star staff team! thank you.

    Please keep up with the good work!

    Thank you!

    October 11, 2013 at 12:25 pm #174114
    Dude

    Hi!

    You can use the icon shortcode – generate it wiith the “Magic Wand” icon (shortcode generator) and add it to your text. If you want to embed it into html code/php file you can use the do_shortcode function like

    
<?php do_shortcode('[av_font_icon color="#9b9b9b" font="entypo-fontello" icon="ue801" size="40px" position="left" link="" linktarget="no"]'); ?>

    Best regards,
    Peter

    October 11, 2013 at 12:28 pm #174117
    jackyking

    thank you, Peter. Will try it out later.

    October 12, 2013 at 3:56 pm #174623
    Devin

    Closing off the topic for now. Let us know if you have any other issues and we’ll do our best to help :)

  • Author
    Posts
Viewing 30 posts - 1 through 30 (of 30 total)
  • The topic ‘how to use character map in v2.3’ is closed to new replies.