X-Cart forums - Speed Bar Color Change

Charlie,

Sometimes things are not obvious. This is not one of those times.

If you can't figure this out, you need a crash course in CSS.

Examine file, skin1/customer/tab.tpl

you'll see all kinds of references to

class="TabCorner"
class="TabSide"

etc...

examine "spacer.gif" in photosop and it's a transparent gif. It does not have any color. Itis only used for spacing (old school, yes, but it works).

SO -- your tab colors are all coming from the CSS... so look at the CSS for the tabs:

Code:

/*

    Tab mechanism

*/

.Tab { BACKGROUND-COLOR: #FFD44C; FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; WIDTH: 85px; HEIGHT: 30px; TEXT-ALIGN: center; }

.TabTop { HEIGHT: 5px; BACKGROUND-COLOR: #FFD44C; }

TD.TabLeftSide { WIDTH: 9px; BACKGROUND-IMAGE: url(images/tab_l.gif); }

TD.TabRightSide { WIDTH: 9px; BACKGROUND-IMAGE: url(images/tab_r.gif); }

TD.TabLeftCorner { WIDTH: 9px; HEIGHT: 9px; BACKGROUND-IMAGE: url(images/tab_c1.gif); }

TD.TabRightCorner { WIDTH: 9px; HEIGHT: 9px; BACKGROUND-IMAGE: url(images/tab_c2.gif); }

TD.TabCenter { HEIGHT: 9px; BACKGROUND-IMAGE: url(images/tab_b.gif); }

IMG.TabCorner { WIDTH: 9px; HEIGHT: 9px; }

IMG.TabSide { WIDTH: 9px; HEIGHT: 1px; }

It's all there... the images that actually make the tab are called by CSS, not the template.

I still think this way of making tabs is inferior to PhilJ's way (which is 99% CSS - you could make it 100%) and since my last post in this thread, Phil decided to no longer give it away... so now it will cost $19

There are countless pages of CSS tips, tutorials and simple "how do I do that" articles on the net. I suggest you acquire some basic CSS skills, or else x-cart will be a real headache.