Font Awesome

Hello,

Is it possible to use FontAwsome icons as tags? On your demo site you use "Hot" and "Spicy", but can u use also an icon? How do you have to do this ?

Thanks for the reply ....

There's no native support for (the awesome) FontAwesome.

The standard way to insert FA icons is to add to the html a '<i class="fa fa-something-icon></i>' html tag, yet, with some CSS editing, FA icons can be added to any element on the page.

Because each Custom Properties has its own CSS class, each one can be styled differently.

The actual implementation depends by the template of the website.

Andrea,

Thank you for the answer, but i do not understand. I know how to insert FA icons in let's say text on my site, or anywhere I can insert HTML code, but I dont' know how to insert html in the admin panel of CP. See file in attachment.

Could you pleas help me ?

You have to edit manually your template CSS.

Example:


If you want to add a 'star' icon before the 'intermediate' tag, you need to add the following CSS rule:
Note: you find the character codes in fontawesome.css file, or here:
fortawesome.github.io/Font-Awesome/cheatsheet/

Hi Andrea,

I finally had the time to try out your suggestion, but I did not get it to work.
See attachment.

could you please give some advise. Thank you

You also have to make sure that FontAwesome CSS and actual font files are properly loaded by your template:
fortawesome.github.io/Font-Awesome/get-started/