21 Comments

  1. How to Add Font Awesome Icons to WordPress Menus | Jorge Saldívar

    […] How to Add Font Awesome Icons to WordPress Menus […]

    Report

  2. Keith Davis

    Looks good Sarah.

    Perfect for adding interest to your menu and making it easy to pick out the right link.

    Don’t you just love WordPress when you see all the great plugins available.

    Report

  3. Pantho Bihosh

    wow! really a helpful post. I was looking a post on Font Awesome for WordPress. Thanks Sarah for this nice writing.

    Report

  4. Stijn Vogels

    This is excellent news! I’ve been using Font Awesome extensively throughout my website, and had been wondering why updates were keeping so long. My current integration in the nav menu required some custom coding (Genesis is misbehaving), but I’m sure a next update will take care of it.

    Report

  5. Danny Jones

    Great post – put it to use right away on my home page http://www.distinctivethemes.com/

    Thanks Sarah

    Report

  6. Keith Davis

    @Danny Jones -Looks great!

    Report

  7. Chip Bennett

    Hmm; I wonder if there’s an analogous Plugin for Genericons? I could see that being quite useful…

    Report

  8. Danny Jones

    @Keith Davis

    Thank you! its a really nice plugin/article here, so much so I just had to mention it in a little post myself – http://www.distinctivethemes.com/blog/youve-just-become-envato-author-now/ :)

    Report

  9. Greg Winiarski

    The FontAwesome is really beautiful, one thing that concerns (especially when using it in the frontend) is that the font is not anti-aliased on Windows, so the icons are not as sharp as they would be when using images :/

    Report

  10. Edward

    Nice. Thanks, Sarah. I didn’t realize FontAwesome 4.0 was such an overhaul.

    Report

  11. Olivia

    Hi Sarah

    Thanks so much for your helpful post. You’ve saved me a lot of frustration! Keep up the great work.

    Cheers,
    Olivia.

    Report

  12. Adding Awesome Font Icons to WordPress menus | Blog of Leonid Mamchenkov

    […] Tavern lists step-by-step instructions on how to add icons from the Awesome Font to your WordPress menus and content.  It’s really […]

    Report

  13. New Nine

    Thanks for the great write-up Sarah!

    Report

  14. Robert

    If a plugin to add icons to menus requires an entire blog post to explain how to use it, the plugin probably needs more work.

    Report

  15. Andy

    Thanks for this great post. Now I have Font Awesome-Icons on my Blog :-)

    Report

  16. Mickey

    Not sure why it only works for my submenus in wordpress. The icon appears at the top of the menu and in the middle. Anyone care to shed some light on that?
    By the way Im using the ”the 7 ” wordpress theme.
    Cheers

    Report

  17. bigpacific

    How do I suppress the Navigation Link text from showing though? I just want the icon to show…

    Report

    • pwmbuatan website

      i’ve the same question with u.
      i want to show menu icon only without link text.
      may someone can help us ?

      somebody tellme to add this tag : text-indent: -9999px;
      but doesnt works for my web…

      Report

  18. Adrian InniPùkinn Ghandour

    Can I hide the text and just show the icons for my menu?
    Yes. Font Awesome menus adds a space between the icon and the text, and wraps that portion in a span with a class of “fontawesome-text”. To hide the text and just show the icon, you can put .fontawesome-text {display: none;} in your stylesheet.

    Report

  19. John

    where exactly do i put ‘ .fontawesome-text {display: none;}’ in my stylsheet?

    Report

  20. David Keys

    In the WordPress Twenty Fourteen theme one must also click the “Manage Locations” tab, then select your menu from the “Theme Location,” “Top primary menu” then “Save Changes” before the Font Awesome 4 icons will appear.

    Report

Comments are closed.

%d bloggers like this: