images in MyFolio submenu items

Ciao a tutti. I would like to display images instead of text with submenu items in mainmenu using MyFolio template.
I have read other topics but I didn't reach my aim. Can somebody help me?
Thanks. Milo

This issue was mentioned several times on our forum with complex solution. Please use 'search' option.

Thankyou for answer. I read about; I can view images in level 0 but I am not able to view them in level 1.
This code I add in override.css:

Code: Select all

 /* Home menu icon starts here */
    #gkMainMenu > div > ul > li.navigazione {
       background: url('/images/override_menu/home_icon.png') no-repeat;
       background-position: 5px 5px;
       width: 60px;
    }
   #gkMainMenu > div > ul > li.biologico {
       background: url('/images/override_menu/bio_icon.png') no-repeat;
       background-position: 5px 5px;
       width: 60px;
    }
    /* Home menu icon ends here */

Navigazione = level 0, biologico = level 1
I imagine code is missing something, for that I ask help.

Hi Milo,

What's your Joomla version? I can understand that you want to use images instead of texts for submenu items, so, did you succeed in adding suffix classes? Can I have a look on your site to advise you better?

Thanks,

Hi Don Lee
my joomla version is 2.5. I had success adding suffix classes for main item but nothing shows up in submenu. You can see what happens looking to mainmenu in my site http://www.enospherawine.it/.

Thankyou very much for help. Milo

Hi Milo,

I see that you have added suffix class for the last main menu item and added css code to define background image for it, however I don't see any css added for your submenu item by using Firebug, please check my attached screenshot, therefore there is nothing appearing now in the submenu.

I have added suffix class and css code for the last main menu item with success but not for the submenu item. Unfortunatly I added wrong code I think. Please can you indicate me code css to add in override.css file for having image in submenù item as well as in mainmenu item?
Suffix class for sunmenu item: biologico

Thanks Don Lee for help.

Milo

Hi Milo,

Try adding this code:

Code: Select all

.biologico{
background: url("https://www.gavick.com/forum/download/file.php?avatar=128931_1329934811.jpg") repeat scroll 0 0 transparent;
}


Change the image url with yours.

Last adding code had success. Thankyou Don Lee, your support is always great!
We can write solved.

Ciao, Milo.

You are welcome Milo, feel free to let me know if you need any other helps.

Cheers,