Speed Bar and Text Color Change
 

Hi,
anyone can help me to change the text color of the speed bar?

Thank you for your help

:D/

Re: Speed Bar and Text Color Change
 

The stylesheet for that is located in
skin1/modules/Fast_Lane_Checkout/skin1.css

Re: Speed Bar and Text Color Change
 

Welcome to the X-Cart forums! Please start by reading the following thread, which will help you get started and hopefully make your experience here a positive one:

http://forum.x-cart.com/showthread.php?t=23970

Please note that this link is not an answer to your question, but we need you to update your signature with your X-Cart version so that we can answer your question correctly. Thanks! :)

Re: Speed Bar and Text Color Change
 

Thank you for the link you posted.

Can you help me to find the right class into css? I can't find them! :-(

Thanks for your help

Re: Speed Bar and Text Color Change
 

Can you please update your signature as requested? The link was to instruct you on how to do that :)

Re: Speed Bar and Text Color Change
 

Done!

Thank you again

Re: Speed Bar and Text Color Change
 

Ok, now I'm going to introduce you to Webmaster Mode. That will tell you exactly which template is which, and then you can look at the template to see what styles are called for each section. Have a look at the manual, which explains how Webmaster Mode works.

The speed bar is customer/tab.tpl, so start there and you'll see the classes called in skin1.css.

Re: Speed Bar and Text Color Change
 

Thank you for your help.

I know Webmaster mode, i have found the class but i can't change the color!!

Is it right??

.TabTop {
HEIGHT: 5px;
COLOR:#FFFFFF;
}

A.TabTop:hover,link,visited,active{
HEIGHT: 5px;
COLOR:#FFFFFF;
}

TD.TabLeftSide {
WIDTH: 9px;
COLOR:#FFFFFF;
}
TD.TabRightSide {
WIDTH: 9px;
COLOR:#FFFFFF;
}
TD.TabLeftCorner {
WIDTH: 9px;
HEIGHT: 9px;
COLOR:#FFFFFF;
}
TD.TabRightCorner {
WIDTH: 9px;
HEIGHT: 9px;
COLOR:#FFFFFF;
}
TD.TabCenter {
HEIGHT: 9px;
COLOR:#FFFFFF;
}


Thank you

Re: Speed Bar and Text Color Change
 

The color is right there, do you mean you have updated it and it isn't changing?

Re: Speed Bar and Text Color Change
 

Yes, right. I can't see the color "white".

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.