how to change the color of my zencart template

[www.e-baguiocity.com]

Hi! have modified colors of my store by just searching the forum for similar issues but it seems i haven't find one like mine..

i think this is easy but i just don't know where to locate the files to be modified..

i want to change the color of my template from green to whatever i think is good - probably lighter color...

how can i do that, can i modify that thru my stylesheet? what files do i need to modify??

thank you very much..

[fairestcape]

You appear to be referring to the background image that is used in these header areas:

In your case, the image is probably located in:

includes/templates/classic/images/tile_back.gif

... because that green vignette is the default in the classic template.


Your stylesheet declarations that call the image are worded like this:

background-image:url(../images/tile_back.gif);

... so if you change the name and/or format of the image, you will have to make sure that the declarations are edited to reflect the new name/format:

eg: you create an image called background.jpg

Your stylesheet would then say

background-image:url(../images/background.jpg);

Template usage:

It is a good idea to create your own template system, not use the "classic" one. Please see posts and FAQ's on the "override system" for zencart.

[www.e-baguiocity.com]

thank you... i have uploaded an image to replace tile_back.gif

and edited my style sheet replacing it with the image file name but its not working..

is that what you mean? i'll replace the tile_back.gif?

thanks!

[stevesh]

Looking at your stylesheet, all the references to tile_back.gif are still there.

Which folder did you get the stylesheet.css file from?

[www.e-baguiocity.com]

hi! i just put it back again since its not working...


please check again... i'll replace it with the another image...

the image is 39 X 100... thanks

[fairestcape]

thank you... i have uploaded an image to replace tile_back.gif

and edited my style sheet replacing it with the image file name but its not working..

is that what you mean? i'll replace the tile_back.gif?

thanks!

It does not matter what name or format you give the image. You can keep the name as tile_back.gif if you want.

All that matters is that your ZC must know what image it's looking for, and where the image lives.

Currently, you are using the CLASSIC template, and under that template in the images folder:

includes/templates/classic/images

There is a file called tile_back.gif

If you create a nice new PINK image - and call it tile_back.gif , then just FTP the new image to:

includes/templates/classic/images

and overwrite the existing image.

Your header bars will now all be pink...

[www.e-baguiocity.com]

oh

but how could this not work for me?? i even tried your avatar

http://www.e-baguiocity.com/Commerce...irestcape.jpeg

i'll replace that soon.. i just tested it..

does it need to be the same size as the tile_back_gif??

thanks!

[fairestcape]

If you wanted my avatar to be your background image, then yes... you have loaded it to the right folder !

NOW

change your stylesheet:

includes/templates/classic/css/stylesheet.css

Every reference to:

background-image:url(../images/tile_back.gif);

Change to

background-image:url(../images/fairestcape.jpeg);

... and my avatar will tile across your box headers

[www.e-baguiocity.com]

yes i've done it here

.productListing-rowheading {
background-color: #abbbd3;
background-image: url(../images/fairestcape.jpeg);
height: 2em;
color: #ffffff;

yet its not working

[www.e-baguiocity.com]

ah

got it...

i edited one and its ok

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/fairestcape.jpeg);
padding: 0.5em 0.2em;
font-weight: bold;
color: #ffffff;
height: 1%;
}

thank you very very much... i think i can do it all


yehey!