Menu icon

Hello all!

First of all i followed this tutorial "How to Add Custom Icons to Joomla Menu Items?" http://www.gavick.com/magazine/how-to-add-icons-to-joomla-menu.html but when i set add Menu Title to OFF the icon doesn´t appear.

The website is http://www.vimistore.es

Regards

Hi, because since we used plg_gkextmenu.zip plugin this tip won't help
so you have to use icons added using background-image property, each menu item has its own ID so it's simple to add icons.

Hello Pawel,

I don´t understand your explanation. Then how i add it?. Could you tell me an example,please?

Hello!

I´m triying set the icon a it doesn´t show the home icon.Also i tried add the following code and without result:

Code: Select all

.gkMenu > ul > li > a#menu101 { background:url(../images/home.png); }

I have question have you tried to add icons using Menu Manager

icon.jpg

Because it works for main menu items.

icon-2.jpg

It works only for specyfic Menu Item Types not all.
1) Articles » Featured Articles
2) Articles » Category List
3) Articles » Single Article


NOT WORK with "External URL"

I suggested to use css only when classic method won't work.

You can try this

Code: Select all

a#menu101 { background: url(http://www.vimistore.es/images/home.png) no-repeat;}

I suppose that you have added wrong path to image , that's why.

Hello Pawell!

I have question have you tried to add icons using Menu Manager

icon.jpg

Because it works for main menu items.

icon-2.jpg

Yes,i tried it.I Added the icon using that way. Also I set NO on "Add menu title" but it didn´t show the icon.

You can try this

CODE: SELECT ALL
a#menu101 { background: url(http://www.vimistore.es/images/home.png) no-repeat;}



I suppose that you have added wrong path to image , that's why.

I added the code but the tittle appears. When i apply the "Add menu title" to NO. the icon doesn´t show again.

The site is http://www.vimistore.es/

Ok, I get it, you want to have "home" without home label only with icon

I have solution for you

Code: Select all

a#menu101 { background: url(http://www.vimistore.es/images/home.png) no-repeat; width:36px;font-size:0;}

You will get this

Perfect!!!

Many thanks!!!