JoomlaTemplates.me by HostMonster Reviews

Cloudbase Free Joomla Template tutorial: disable the menu-item hover image

Published: Thursday, 02 May 2013

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