Font Awesome 4 Menus
[resolved] Please remove space before menu-item span (4 posts)

  1. Bart De Vuyst
    Posted 2 years ago #


    I love your plugin. Great idea. Easy to use!

    I think you should remove a 'space' from your plugin though. I understand that this space allows for a nice space between the icon and the text, but I'm a designer and I'd like to control this space with css instead of space characters...

    It's on line 83, character 115:

    $newtext = '<i class="'.implode( ' ', $fontawesome_classes ).'"></i><span class="fontawesome-text"> '.$text.'</span>';


  2. New Nine
    Plugin Author

    Posted 2 years ago #

    Understandable, but then we need a solution so that the text doesn't smash up to the icon for users who aren't taking fine grain control of their CSS. We could add another span just with a space in it (which could then be hidden with CSS), but now we have another tag and conceivably some bloat.

    Any suggestions?

  3. tiguan
    Posted 1 year ago #

    How about:

    .fontawesome-text {
        padding-left: 10px;
  4. New Nine
    Plugin Author

    Posted 1 year ago #

    We just pushed an update to Font Awesome 4 Menus adding an administrative screen that allows you to remove the space for finer control over your menus. Thanks for the suggestion!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Font Awesome 4 Menus
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.