Menu image

I need to change my home menu to image, is it possible? i tried using the menu image option in the menu manager, it never show up.
please help

You can follow below to change menu css styles.

Go to Joomla Admin > Menus > Main Menu
Select your Home Menu item
On the right under " Menu Params (Gavick Pro) and in "Additional class" enter "home" without quote marks.

This will allow you to use css style class "home" from now on for menu item Home only.

Enable CSS override option from template settings by going to
Joomla Admin > Extensions > Template Manager > gk_twn2 - Default
On the right Advanced Features > CSS Override.

Now find file: /templates/gk_twn2/css/override.css
Enter below css and save the file.

Code: Select all

#gkMainMenu > div > ul > li.home { background: #ffffff;}


In above css code "#ffffff" will make your home button background to white color.

Going by above example you can set any color/image/ or any other css as you like as it will only effect your home menu item.
If you want to use image instead follow below
Assuming image location and name is: templates/gk_twn2/style1/menu_home_item.png

Code: Select all

#gkMainMenu > div > ul > li.home { background-image: url('../images/style1/menu_home_item.png'); }


See you around...

Can anyone give example of working site please?

I do not have a live link only local but what below does is basically once used as below it creates a new css class for that menu item you have assigned to.

Then you can use any css code which will only effect that menu item.

You might have seen on certain website usually home button is separate color or image background then rest of menu links where it changes backgrounds or color depending on which page you are viewing. Home button never changes if you have css applied as below instructions.

See you around...