Change Icons

[microcurator]

I have a page with the following code: I’d like to use my own icon. Can you point me where in the file structure I should place it? Also, I think there are bundled icons with this theme, please point me to those directories as well. I presume I just need to change “icon-banknote” to “icon-file name”. I just don’t know where to place it.

[service_item icon=”icon-banknote” title=”Just-as-Needed Tutoring” description=”Tricky homework assignment to complete? Important test to prepare for? Call us just for even the occasional homework or study help!”]
[/one_third]

[Veena]

The details of theme bundled icons :-
http://support.livemeshthemes.com/faqs/how-to-use-1500-icons-bundled-with-the-agile-theme/

You can build your own icon lib at IcoMoon and do it but you will need to look in the theme code and sample data to ensure that existing icons are replaced with the right icons that are made available with the new icon fonts generated. Will be couple of hours of work and when you want to update the theme, you will have to be careful unless you manage to make all changes in the child theme.

Unless you have a large number of custom icons to handle, my recommendation would be to use the icommoon app to choose the exact icons you need and use the PNGs generated (basically use it as an image). You can override size, color etc. of the icons generated in the icomoon app settings.

File structure : images/icons/icomoon

[Author]

Posts