tel: +2348055401551 (sms, whatsapp)
skype: tokunboajewole

Cloudbase Free Joomla Template tutorial: how to change the main navigation background color

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!!

Add comment

Security code

I use Linux 24x7

Recent Comments