I’d like to use Font Awesome icon fonts instead of uploading images for the Icon Menu.
I’ve found a site using Ikebana with Icon Fonts but I’m not sure how they did it. When I view source I see that they’ve added the font-awesome classes into the .icons-item div (screenshot: http://cl.ly/2d3f3W3M0w1N) but other than manually editing the files is there a way to add classes to the icon menu items?
At the moment the icon menu does not imply using FontAwesome assets from the admin back-end, we will add this to our development backlog to implement in an upcoming version of the theme, since it sounds like a really nice feature. Meanwhile, you can add some custom CSS in order to achieve this: visit the “Style: Add Custom CSS” tab of the Theme Options panel and add the following code:
you will need to add one for each of the existing icon menu items, incrementing the “1” after the “#icons-menu” accordingly. The “\f006” is the html code for the icon, you can find them for each FontAwesome item by clicking the respective icon in the list and looking at small grey text below the icon sample images: the bit after the “Unicode” is what you need.
In case of any difficulties, do not hesitate to contact me!