Docs

[andrewgmiles]

Hi

I’m using the below code in my menu, attempting to add a users icon to the menu item:

<i class=”x-icon-users” data-x-icon=””></i> Pupil Zone

It’s bringing up an envelope icon, despite being the correct reference code (I think) for the users icon.

Could you let me know what I’ve done wrong? Probably I need to put something different where the  is?

thanks, Andrew

[Joao]

Hi There,

This is a bit visually tricky we see this  but actually they carry different information.

For users you use:

<i class="x-icon x-icon-users" data-x-icon="" aria-hidden="true"></i>

In case you need another icons you can access the link below and click on the icons with your right mouse button and inspect the code of each icon.

http://theme.co/x/demo/integrity/1/shortcodes/icons/

Hope that helps,

Joao

[andrewgmiles]

Thanks! Your code worked just as I wanted.

For anyone else looking to do this with a different icon, you can follow the link above to the list of icons. Right click, select Inspect and then just copy/paste the code which is highlighted in the Inspect panel (on Chrome). As Joao said, there’s no visible difference with the  symbol which is in the text you copy/paste but it works fine when you then paste that code into the menu.

[Joao]

I am glad we managed to help you 🙂 and thanks for the community input.

Let us know if you need help with anything else.

All the best,

Joao

[Author]

Posts