Re: Speed Bar and Text Color Change
 

You may need to clear your template cache, you can do that in your 'Summary' area of your admin.

Re: Speed Bar and Text Color Change
 

Done, now text is white just when i click on it.

Which is the class to change the "static" text??

Thanks again

Re: Speed Bar and Text Color Change
 

Look at the template, see what class the links are calling.

Re: Speed Bar and Text Color Change
 

Hi,
i'm still working on it!!

I have this css:

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

A.Tab:hover,link,visited,active {
COLOR:#FFFFFF;
text-decoration: none;


my tob_menu.tpl is

{if $printable ne ''}
{include file="customer/top_menu_printable.tpl"}
{else}
<table cellpadding="0" cellspacing="0" width="100%" class="Tab">
{if $speed_bar}
<tr>
<td valign="top" align="right"> <table align="left" cellpadding="0" cellspacing="0">
<tr> {section name=sb loop=$speed_bar} {if $speed_bar[sb].active eq "Y"}
<td valign="top">{include file="customer/tab.tpl" tab_title="<a href=\"`$speed_bar[sb].link`\" class=\"Tab\">`$speed_bar[sb].title`</a>"}</td>
<td width="1"><img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" /></td>
{/if} {/section} </tr>
</table></td>
</tr>
{/if}
</table>
{/if}


How is it possible that text on my speed bar is always black? It's white just when i click on it.

Thank you

Re: Speed Bar and Text Color Change
 

To make the text white in the speed bar...just came up with this:



/*
Tab mechanism
*/
.Tab {
BACKGROUND-COLOR: #C12018;
FONT-WEIGHT: bold;
TEXT-TRANSFORM: ;
WIDTH: 85px;
HEIGHT: 25px;
TEXT-ALIGN: center;
}
.Tab A:link, .Tab A:visited, .Tab A:hover, .Tab A:active {
COLOR: #ffffff; TEXT-DECORATION: none;
}
.TabTop {
HEIGHT: 5px;
BACKGROUND-COLOR: #C12018;
}

Re: Speed Bar Height
 

Hi I am trying to change the height on my speed bar which seems to have gotten fatter. I have checked in the CCS skin1 file and found this style reference:

/* Speed Bar styles */
.SpeedBar { padding: 8px 0 8px 0; background: #d1e2fa; color: #fff; }
.SpeedBar a { border-right: 1px #3f136a solid; padding: 8px; display: inline; background: #d1e2fa; color: #3f136a; font-weight: bold; }
.SpeedBar a:hover { background: #c9c9c9; color: #1e1e1e; text-decoration: none; }

But I can't see height listed anywhere - any suggestion gratefully received.