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)

cloudbase-t1

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):

cloudbase-t2

thats all folks!!

You have no rights to post comments