how to use character map in v2.3 - Support | Kriesi.at

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

Author

Posts
October 1, 2013 at 8:31 am #168610

jackyking
Participant

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
Participant

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
Inactive Moderator

Hi!

Use this character map as a reference guide.

Regards,
Josue

October 2, 2013 at 10:35 pm #169571

jackyking
Participant

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
Inactive Moderator

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
Participant

This reply has been marked as private.

October 3, 2013 at 12:55 am #169630

jackyking
Participant

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
Inactive Moderator

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
Inactive Moderator

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
Participant

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
Inactive Moderator

Hello!

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

Regards,
Josue

October 3, 2013 at 3:46 am #169725

jackyking
Participant

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
Participant

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
Participant

This reply has been marked as private.

October 6, 2013 at 9:46 am #171082
Ismael
Moderator
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
Participant
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” ><div class=’avia_textblock ‘ itemprop=”text” >
</div></section>

Thank you,
October 6, 2013 at 7:22 pm #171250

decl
Participant

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
Inactive Moderator

Hi @decl,

Can you post the link to your website please?

Regards,
Josue

October 6, 2013 at 9:24 pm #171315

decl
Participant

This reply has been marked as private.

October 7, 2013 at 6:46 am #171473

Ismael
Moderator

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
Participant

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
Keymaster

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
Moderator

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
Participant

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
Participant

Thank you, Ismael.

October 9, 2013 at 6:57 pm #173189

Kriesi
Keymaster

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
Participant

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
Participant
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
Participant

thank you, Peter. Will try it out later.

October 12, 2013 at 3:56 pm #174623

Devin
Inactive Moderator

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.