Changing the color of my header images

Hi,

I am using the Lite_red template, and would like to change the colors of the header to something darker, maybe even black. How can this be done? Do I need to open the images and edit them in photoshop, or is this impossible?

Thanks so much

Site can be found here http://www.testmulberry.com

Yes, all of the colors in your header are background images. You will have to edit them in Photoshop or something to change their colors. Look in your stylesheet at #top_nav {}, #top_nav_right {}, #tab_nav li {} and #tools_wrapper {} for the image names.

Thanks for the info - is this a relatively easy thing to accomplish? Employer won't have it any other way :|

If you have Photoshop it is very easy. If not, it depends on the tools available. I don't know what you can do in other programs.

Ok. Since I do not have photoshop I went a different route . I downloaded (first backupped everything) the other template that is similar to this one, but is called Black Pure and has a dark grey header toolbar. Replaced current images with those images and everything seems to have worked OK - except for 2 things: The 'home' button on the black template is a house icon, and in the lite_red (which I have) is just the word 'Home'. I've tried taking out the work HOME in tpl_top_nav , which removes the word but cuts off half of the house icon. When I leave the word HOME in the tpl_top_nav file, it overlaps the Word Home and the house icon.

#2, when you navigate between links and refresh the page, it flashes red (the old color of my header tool bar), I cannot seem to find why this is happening.

Any advice would be greatly appreciated. Again my site is here http://www.testmulberry.com

You still have the original red background color:

stylesheet.css (line 439)
#top_nav {
background: url("../images/ezpages_bg.gif") repeat-x scroll 0 0 #D1002D;
font: bold 13px Tahoma;
height: 36px;
margin: 0;
}

Change the #D1002D to a dark gray like #222222

tpl_top_nav is a completely custom file (no other template maker has it), so I have no idea how it is coded.

Once again, thanks so much for the help.

It is still flashing whenever I click something - except now its that dark grey color.

I can't do anything about that. Make the color match the images as closely as possible, or maybe delete the color so it is transparent. I don't see any flash at all when switching pages.

Ok - It may just be how my browser is loading everything. I think it looks fine - but we will see. I got the other issue of the house logo worked out as well.

Thanks again my friend.