Docs

[E]

Hi,

I cannot see to find a list of data icons to use with the Renew stack. I managed to copy some from one of your xtended demos to my nav. menu, but on a desktop, the data icon boxes all look the same. They’re not the same though, as trying to “trick” x into accepting them into the nav. menu has not worked.

I just want a list of the code for all Renew data icons please. Where would I find it?

[Friech]

Hi There,

Thanks for writing in! Its not necessary to use the data icons the class will do.

e.g.
<i class="x-icon-typename"></i>

Just replace the typename with the type of the icon that you want to use. You can refer for the type name here: http://theme.co/x/demo/renew/1/shortcodes/icons/

Hope it helps, Cheers!

[E]

This reply has been marked as private.

[Nico]

Hi There,

You can check the format and list of icon unicode the link below.

https://community.theme.co/forums/topic/x-4-icons-on-menu-items/#post-303043

Hope it helps.

Let us know how it goes.

Thanks.

[E]

Thanks between that post, another topic, some screenshots, and the font awesome cheatsheet, I was able to finally identify which part goes where that little box of code is in between the parentheses below.

I’m including this now to save other users time.

To add icons to your menu items, copy this code into the navigation label field in the WP menu area for the menu you desire to have icons.

Replace the first part in quotes- the icon class part- with your stack’s icon name.

The data icon is the tricky part, because no matter what’s in the first part, it will show what’s in the second set of quotes- the data icon’s unicode.

Go here to font awesome’s cheat sheet: http://fontawesome.io/cheatsheet/ and copy ONLY the part inside of the brackets for the icon you want.

Let’s say you want the regular fa-check. Copy this part from it: 

Do NOT copy any brackets with it that appear on the cheat sheet surrounding the code, like [ or ] just copy the part beginning with & and ending with the ; Pay attention to this, because I’ve tried pasting it into the navigation label field in WP and it still pasted with the first bracket, like this [[ As far as I know, it won’t work that way.

Paste  (or whatever the unicode for the icon you want is from the cheatsheet) into the second sett of quotes- the ones referring to the data x icon.

then, make sure there’s a space after the final > at the end, before the menu item name. See below.

Please note: my example may have used a different checkmark. Just make sure your icon name matches its unicode from the cheatsheet page.

<i class=”x-icon-check-square-o” data-x-icon=””></i> Menu Name Here

[Rupok]

Hi there,

Thanks for updating but unfortunately it’s a bit confusing and I am not entirely sure what you are trying to point. However if you still have any question, kindly summarize that.

Cheers!

[Author]

Posts