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:
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.
Enjoy!!!
