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 will show how to disable the main navigation background image and change the background color:
Screenshot of default cloudbase template installation: (Fig-1)
Regardless of the color variation used, the background of the Menu would still be dark-greyish and you might want to change it to something else. Here is how:
File to edit: template.css (cloudbase/css/template.css)
Goto line#1266-1270 - under ja-mainnav.main div. Edit as follows:
before: background: url(../images/mainnavBg.png) repeat-x top #1a191a;
after: background: url(../images/mainnavBgXX.png) repeat-x top #B72827;
note: the background image was renamed: (XX-added) to something that doesn't exist. Should you wish to use another image, replace the above image with yours in: templates/cloudbase/images
The above results in a reddish menu background (fig-2):
thats all folks!!
