ezpages top bar different coloured backgrounds

Hi Guys,

Is it possible using CSS to style individual items in the ezpages top bar?

The effect I want is a different background colour (or even coloured image) to each item...

So it would look like:

HOME (red background) | CONTACT US (green background) | SPECIAL OFFERS (blue background) | BLOG (yellow background) etc....

Thanks

The simplest way to do this is to create a SINGLE background image, with the "colours" spaced across it at intervals that correspond with the general positions of the foreground text links.

This background image should be the same width as your Main_Wrapper (because the ez-pages header is that width too).

Create your image and give it a name like ez-back.jpg . Put the image in your template's IMAGES folder.

Then, in your stylesheet, reference the image as follows:

#navEZPagesTop {
	background-image: url(../images/ez-back.jpg);
	}

(There will be other declarations for the #navEZPagesTop ID, so slot the above declaration in there somewhere.)

I use this technique HERE (though my BG image is all one colour)

DOH! - Why didn't I think of that... Obvious really when you think about it...!

Thanks for your help schoolboy - much appreciated!

Tony