tel: +2348055401551 (sms, whatsapp)
skype: tokunboajewole

Cloudbase Free Joomla Template tutorial: disable the active menu item background image

Demo server used for this tutorial runs Joomla 1.5.26 and the Cloudbase template for Joomla 1.5 is installed and activated. In this tutorial, I'll explain how to disable the Active Menu item (blue) background image:

screenshot011


In a previous tutorial , the background image of the main navigation was disabled and the color changed.

Screenshot1

The file to edit is white.css(cloudbase/css/menu/white.css). Goto line#41-44

before:
ul.level0 li.active {
background:url(../../images/white/menuitemActive_white.png) no-repeat scroll center top #006699;*/
}

after:
ul.level0 li.active {
background:url(../../images/white/menuitemActive_whiteXX.png) no-repeat scroll center top #000;
}

Note: image was renamed to a file that doesn't exist. We will edit another file: mega.css(cloudbase/css/menu/mega.css), goto line#88-91

before:
ul.level0 li.active {
background: url(../../images/menuitemActive.png) center top no-repeat #006699;
}

after:
ul.level0 li.active {
background: url(../../images/menuitemActiveXX.png ) center top no-repeat #000;
}

Result:

Screenshot5

 

note: active menu now changed to black screenshot-5

Add comment


Security code
Refresh

I use Linux 24x7

Recent Comments