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 grey-ish hover image used on the main menu... see picture below:

hover1


File to edit is: cloudbase/css/menu/mega.css

Goto line: #73-75

before:
ul.level0 li.over, ul.level0 li.haschild-over {
background: url(../../images/menuitemHover.png) center top no-repeat ;
}

after:
ul.level0 li.over, ul.level0 li.haschild-over {
background: url(../../images/menuitemHoverXX.png) center top no-repeat ;
}

Note: what I did was to rename the image to something else(another filename) which does not exist. Move your mouse over the top menu, and the image-hover is no more.

hover2

Enjoy!!!

Add comment


Security code
Refresh