X-Cart forums - Changing link colours in speedbar

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Changing link colours in speedbar (https://forum.x-cart.com/showthread.php?t=7714)

Thanks for the fix, I spent hours trying to figure this one out ](*,)

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

Quote:

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

Here is my skin1.css

Quote:

.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.

Fixed it myself ;)

Quote:

.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;
}