I am trying to use “paw” icon (http://fortawesome.github.io/Font-Awesome/icon/paw/) in the Feature headline on this page: http://devildog0341.staging.wpengine.com/events/ but i can’t find that icon in the list when adding the featured headline. May i know how can i add that icon please?

Thanks

Paw icon is a new font awesome icon (see http://fortawesome.github.io/Font-Awesome/icons/). The new version is not yet included with X. To add a new icon, please follow the steps below.

1. Download new Font Awesome at http://fortawesome.github.io/Font-Awesome/
2. Extract the fonts eot, svg, ttf, and woff
3. Rename the fonts to font-awesome
4. Copy the fonts to wp-content\themes\x\framework\fonts\font_awesome (overwriting the old files)
5. Add the code below in the Customizer > Custom > CSS.

.x-icon-paw:before{content:"\f1b0"}

If it shows up as text, please add another slash like

.x-icon-paw:before{content:"\\f1b0"}

This will work for the Icon shortcode (see http://prntscr.com/470lye) but is not included in the icons option. With that said, you can’t use this for the Feature Headline. Please stay tuned for future updates because we might include the latest font awesome in a future release.

Hope that helps. 🙂

i am getting a box instead of the paw icons. i updated the icons and added the css.

Please give us the URL where you setup the icon so we could see the problem.

Thanks.

http://devildog0341.staging.wpengine.com/events/

Its the 4 sections under the main paragraph.

It works, but you still have an outdated font awesome fonts.

Add this code at your child theme’s functions.php and you should get updated css.

add_action('wp_head', function(){ echo '<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.css">'; }, 999999);

Cheers!