Glyphicons in a bootstrap menu

Everything to do with Joomla! 2.5 templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
User avatar
Joomla! Ace
Joomla! Ace
Posts: 1177
Joined: Wed Jan 02, 2008 12:38 am

Glyphicons in a bootstrap menu

Post by Gany » Mon May 13, 2013 3:43 am

How do I attach glyphicons in a bootstrap menu? Not images, that's easy enough to do.

I tried Link CSS Style in the Link Type Options on the menu items, but that doesn't work. The glyphicon shows up after the menu item, not in front.

And related to this problem: how do I set the glyphicon to show up in the correct color? I use white for the links, so the link should be something like icon-home icon-white. When visited, the color is black; the visited icon should be icon-home only. Is this possible? I've seen sites where this works, but I don't know how to do it.

Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Mon Apr 16, 2012 3:44 pm

Re: Glyphicons in a bootstrap menu

Post by Dr_general » Fri Oct 25, 2013 10:49 am

If you are using bootstrap 3 then change font color.
Glyphicons' color should change.

Joomla! Intern
Joomla! Intern
Posts: 73
Joined: Wed Aug 08, 2007 8:09 pm
Location: CO

Re: Glyphicons in a bootstrap menu

Post by lalov1 » Wed Feb 25, 2015 5:49 am

I ended up inserting them with jQuery:

Code: Select all

$(".item-101 a").prepend("<i class='glyphicon glyphicon-home'></i>&nbsp;");


Return to “Templates for Joomla! 2.5”