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

[derek53]

hi
I really hope someone can help me please.
I wish to change the header bars in my side boxes and top and bottom nav bar with an alternative colour.
In the following i wish to customise the colour and change the
background-image:url(../images/tile_back.gif);

For the life of me i cannot see how i can do this - maybe I am not able to ?

navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
background-color:#000000;
background-image:url(../images/tile_back.gif);
color:#FFFFFF;

tHANKS IN ANTICIPATION

[schoolboy]

The tile_back.gif is stored in the images folder of the template that your site is currently running.

As we cannot see the site, we don't know what template you are using.

The procedure requires you to make a NEW tile_back.gif image of the desired colour, and to OVERWRITE the existing image in your template's images folder.

If you don't want this background image at all, then either DELETE or COMMENT OUT the css declaration that governs it:

navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
background-color:#000000;
/*background-image:url(../images/tile_back.gif);*/
color:#FFFFFF; 

... and then control the colour using the HEX VALUE

background-color:#000000; (#000000 = BLACK)

[derek53]

The tile_back.gif is stored in the images folder of the template that your site is currently running.

As we cannot see the site, we don't know what template you are using.

The procedure requires you to make a NEW tile_back.gif image of the desired colour, and to OVERWRITE the existing image in your template's images folder.

If you don't want this background image at all, then either DELETE or COMMENT OUT the css declaration that governs it:

navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
background-color:#000000;
/*background-image:url(../images/tile_back.gif);*/
color:#FFFFFF; 

... and then control the colour using the HEX VALUE

background-color:#000000; (#000000 = BLACK)

The version is Zen Cart 1.3.8a

I needed just a plain colour which i now have at the top and bottom nav bars, but now need help in trying to get the header of side boxes changed. The gif has been deleted so i just need to change the green bar.

Many thanks for your advice

[schoolboy]

Exactly the same principle applies...

You would do well to use FIREFOX browser with Web Developer Toolkit and Firebug plugins.

These tools help you analyse and unpick a displayed page, so you can (amongst other things) identify what style classes and ID's apply to an element. Additionally, you can do offline edits to the stylesheets, thereby observing the effect of a stylechange in real-time.

When you have the desired style, you can "copy" the changes/additions and put them into the live stylesheet.

[derek53]

Exactly the same principle applies...

You would do well to use FIREFOX browser with Web Developer Toolkit and Firebug plugins.

These tools help you analyse and unpick a displayed page, so you can (amongst other things) identify what style classes and ID's apply to an element. Additionally, you can do offline edits to the stylesheets, thereby observing the effect of a stylechange in real-time.

When you have the desired style, you can "copy" the changes/additions and put them into the live stylesheet.

You have kindly answered another question - one of the uses of firefox and the web developers firebug plugin. Had not realised you could edit like that. Brilliant.

I nearly gave up with Zencart, but can now see some trees !! Even if i cannot see the sidebox wrapper

Your help is VERY appreciated

Derek

[schoolboy]

The code is very logical, and what you will start to see soon, are certain "patterns" (or conventions) that are common throughout the system.

When you start to understand these "conventions", your logic will say... "hang on... I did XYZ to a similar element a few days ago, and this one looks pretty much the same... perhaps XYZ will apply here too." In many cases it does...

I am quite ready to admit that I have a less than novice understanding of PHP - but I have contributed TWO zencart modules to the community.

So... look for the logic in the system... it will help you become a real whizz in no time.