Changing color of theme to a different blue

I need to change the blue box to a different shade of blue. I have changed the jpeg to the desired color and have changed the image name in the following lines in style3.css from the original:

#gk-header-block { color:#78A9E3; background:url('../images/style3/header_blue_bg.jpg') no-repeat 0 0; }

.moduletable.color { background:transparent url('../images/style3/header_blue_bg.jpg') no-repeat 0 0; border:1px solid #115bb2; }

.gk_is_wrapper-style1 { background:transparent url('../images/style3/header_blue_bg.jpg') no-repeat 0 0; }

.gk_is_wrapper-style1 .gk_is_preloader { background:#57a8f0 url('../images/style3/header_blue_bg.jpg') no-repeat 0 0; }

TO my updated image:

#gk-header-block { color:#8bb7e7; background:url('../images/style3/header_blue_bg_carolina.jpg') no-repeat 0 0; }

.moduletable.color { background:transparent url('../images/style3/header_blue_bg_carolina.jpg') no-repeat 0 0; border:1px solid #115bb2; }

.gk_is_wrapper-style1 { background:transparent url('../images/style3/header_blue_bg_carolina.jpg') no-repeat 0 0; }

.gk_is_wrapper-style1 .gk_is_preloader { background:#57a8f0 url('../images/style3/header_blue_bg_carolina.jpg') no-repeat 0 0; }



The updated image has been uploaded to the image file where the original image is located. What am I missing to make the new color work?

The site can be seen here:
www.bmdsla.com

Thanks.

try search for the header_blue_bg.jpg. there is references in many other locations in the css files... search and replace in all files should do the trick

Thanks for the suggestion. I gave it a try, and the search returned no further instances of the file name to replace.

I went through all of the css files manually and found the following code in the "Header Modules" portion of the template.css which seemed like it might be applicable:

#gk-header-block { color:#e75630; margin:0 0 10ps 0; overflow:hidden; background:url('../images/header_red_bg.jpg') no-repeat 0 0;}

I changed the "header_red_bg.jog" to my new file name, hoping to see the new blue color appear on the site, but it is still not working.

Is there some other factor that controls the color?

doing a search for /images/header_ gives also these results

template.css

Code: Select all

.moduletable.color { background:transparent url('../images/header_red_bg.jpg') no-repeat 0 0; border:1px solid #b02500; }


error.css

Code: Select all

      background: url('templates/gk_corporate2/images/header_red_bg.jpg') no-repeat 0 0;


gk_stuff.css

Code: Select all


.gk_is_wrapper-style1 { position:relative; background:transparent url('../images/header_red_bg.jpg') no-repeat 0 0; }

.gk_is_wrapper-style1 .gk_is_preloader { width:100%; height:100%; position:absolute; z-index:60; top:0; left:0; background:#ec3200 url('../images/header_red_bg.jpg') no-repeat 0 0; }


changing some of those might do the trick ?

Any update if this did the trick? I need to change my header to a yellow and I am hoping I can do it with ease.

Chris