Changing the color of my header images

[davisz]

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

[gjh42]

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.

[davisz]

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

[gjh42]

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.

[davisz]

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

[gjh42]

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.

[davisz]

Once again, thanks so much for the help.

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

[gjh42]

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.

[davisz]

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.