0
Welcome Guest! Login
0 items Join Now

SOLVED Font-awesome icons in Menu?

Last Post
Search Topic

  • SOLVED Font-awesome icons in Menu?

    Posted 12 years 4 months ago
    • Is there a way to include a font awesome icon (ie <i class="icon-home"></i>) in front of the Home menu item in Joomla?

      I do this in my website (doory.com) which is an HTML website. I want to do the same for by blog (Joomla site) I am starting (doory.com/blog).

      Thanks!
    • Last Edit: 12 years 4 months ago by Jeff Kershner.
    #912197

  • Re: SOLVED Font-awesome icons in Menu?

    Posted 12 years 4 months ago
    • So apparently this is already built in.

      You can't add HTML in the Menu text, but you can add the built in font-awesome icon by selecting the icon in the Dropdown Menu Icon section.

      Very nice feature!
    #912209
    • Django's Avatar
    • Django
    • Newbie
    • Posts: 2
    • Thanks: 0

    Re: SOLVED Font-awesome icons in Menu?

    Posted 11 years 8 months ago
    • If I do that, then I have a line break between icon and text. What can i do? (Splitmenu)
    #1007382
    • Django's Avatar
    • Django
    • Newbie
    • Posts: 2
    • Thanks: 0

    Re: SOLVED Font-awesome icons in Menu?

    Posted 11 years 8 months ago
    • Problem solved. Add this to your custom css:

      /* Menu-Icons ohne Zeilenumbruch*/

      [id*="sidebar"] ul.menu i::before {
      position: absolute !important;
      left: 16px !important;
      }
      [id*="sidebar"] ul.menu a.icon {
      padding-left: 35px !important;
      }

      [class^="icon-"], [class*=" icon-"] {
      font-style: normal !important;
      }
    #1007444

Time to create page: 0.059 seconds