X-Cart forums

[PhilJ]

Thanks for the fix, I spent hours trying to figure this one out

[Scott DeToffol]

I'm stuck on this one too.

I can adjust .Tab properties in skin1.css and it works, but the link properties inherit from the A:link at the top of the .css file.

Here is my code:

top_menu.tpl

<TD valign="top" >{include file="customer/tab.tpl" tab_title="`$speed_bar[sb].title`"}</TD>

Here is my skin1.css

.Tab {
FONT-WEIGHT: normal;
TEXT-TRANSFORM: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
}
.Tab:link {
COLOR: #FFD44C;
TEXT-DECORATION: none;
}
.Tab:visited {
COLOR: #FFD44C;
TEXT-DECORATION: none;
}
.Tab:hover {
COLOR: Aqua;
TEXT-DECORATION: underline;
}
.Tab:active {
COLOR: #FFD44C;
TEXT-DECORATION: none;
}

Any help is appreciated.

[Scott DeToffol]

Fixed it myself

.Tab {
FONT-WEIGHT: normal;
TEXT-TRANSFORM: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.Tab A:link {
COLOR: #333333;
TEXT-DECORATION: none;
}
.Tab A:visited {
COLOR: #333333;
TEXT-DECORATION: none;
}
.Tab A:hover {
COLOR: red;
TEXT-DECORATION: underline;
}
.Tab A:active {
COLOR: #red;
TEXT-DECORATION: none;
}