How do I change the Icons in mega menu?

I really like the template icons for the mega menu. I would like to change some and use but I can´t find were they are situated.

it's one big file:

gk_sporter/images/icons.png

thats what I thought, I changed it but the old icon is still showing. It probably just the cache then. thanks for reply.

* I found it. I was changing the wrong one.

Hi,

I have the same problem.......trying to change to "icon-soccer", and nothing is change. In menu and the menu text......in "Parameters (Extended)".............then "Additional class"........nothing is change.

ANYONE..........pls. help in this.....

Best, Wiberg

the icons are on a file called icons.png. gk_sporter/images/icons.png

Great, but what then...........see this guide : http://demo.gavick.com/joomla15/sep2010 ... Itemid=118

That I did, and still nothing has change

I´m talking about the MENU icons, NOT joomla icons.......

Well,, what I did was changed for example icon-soccer in photoshop to my icon. then go to menus -> main meny -> your meny. In parameters(extended) you cange icon under additional class. for example icon-soccer.

The soccer icon does not work. I used basketball and soccer on my site. Basketball works fine, but soccer does not. Since it is a bug, can someone from the development team perhaps look into this.
Regarding the MasterBates answer, it is not a matter of using photoshop to change the icons, the probem is with the template not calling the correct icon when the soccer suffix is used. Thanks in advance for any help.

Thanks, then it´s not only me

Thanks, then it´s not only me

Absolutely. I tested the various icons just in case. The ones i tested all work except for the icon soccer, which pulls up the default icon (joomla) instead of the soccer one. I assume the coordinate positioning is off in the code for icon soccer.

Can aynbody from the dev team help with this?

Cheers.

Thats definitly a bug

/css/menu_icons.css

e.g. for the soccer icon now there is (line >223)

Code: Select all

#gk-nav .level0>li>a.icon-soccer>span.menu-title { background: transparent url('../images/icons.png') no-repeat 4px -516px; }
#gk-nav .level0>li.active>a.icon-soccer>span.menu-title,
#gk-nav .level0>li:hover>a.icon-soccer>span.menu-title { background-position: 4px -476px; }

This should be

Code: Select all

#gk-nav .level0>li>a.icon-soccer>span.menu-title { background: transparent url('../images/icons.png') no-repeat 4px -2756px; }
#gk-nav .level0>li.active>a.icon-soccer>span.menu-title,
#gk-nav .level0>li:hover>a.icon-soccer>span.menu-title { background-position: 4px -2716px; }

In that file there are many more wrong icon positions in there (tennis, badminton, curling, ski, gymnastics and volleyball)

And on the above mentioned site how to use this icons there is

You can define icons for first level menu items. To use it please go to the menu items manager and in Mega menu plugin please specify suffix for menu item. I.e. " icon-home" (with space at start)....

I don't think there should be a "space at start"

Thanks very much Heart.
Confirming for anyone else with the same issue, the code is correct and the space is not necessary.

Cheers.

Hi

Thank you for the report
This will be fixed in next update.

By the way, with or without the icons suffix will work

Cheers