X-Cart forums

[gotpump]

So the problem I'm having is that when I'm going threw the checkout process the stuff highlighted in grey is all white and I cannot seem to find exactly how to change these colors so they are visible.

Anyone know how to change these links?


http://img.photobucket.com/albums/v143/gotpump/helpbox.gif

[ARW VISIONS]

Those links are controled by the fastlane checkout module, which has it's own css file.

look in the skin1 folder for modules, then find the folder that says fast_lane_checkout and open it.

Then find the skin1.css file.

the links are controlled by this code.

A.CheckoutTab:link {
COLOR: #003366;
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
TEXT-DECORATION: underline;
}
A.CheckoutTab:visited {
COLOR: #003366;
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
TEXT-DECORATION: underline;
}
A.CheckoutTab:hover {
COLOR: #003366;
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
TEXT-DECORATION: none;
}
A.CheckoutTab:active {
COLOR: #003366;
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
TEXT-DECORATION: underline;
}

[gotpump]

Hmm changed everything in there to black and nothing seemed to work. Using firebug says that color is from

element.style {
color:#FFFFE0;}

Where would I find this?

[JWait]

The text you have highlighted is found at the bottom of skin1/modules/Fast_Lane_Checkout/tabs_menu.tpl, and the color is determined by the class "CheckoutTab" and "CheckoutTabSel" in the skin1.css stylesheet in the same folder.

Did you clear your templates cache in admin?

[ARW VISIONS]

did you make sure you uploaded the skin1.css to the fastlane checkout folder?

[gotpump]

How do I clear my templates cache from admin?

And this is the code that is in my skin1.css file in fastlane

A.CheckoutTab:link {
    COLOR: #000000;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-DECORATION: underline;
}
A.CheckoutTab:visited {
    COLOR: #000000;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-DECORATION: underline;
}
A.CheckoutTab:hover {
    COLOR: #000000;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
A.CheckoutTab:active {
    COLOR: #000000;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-DECORATION: underline;
}
.CheckoutTabSel {
    COLOR: #000000;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;

But it is still white. Not sure what you mean uploaded I simply changed and saved it. Do I need to download it edit it then upload it for it to take effect?

[gb2world]

Hi Gotpump -

Another thing to consider:

Normally - in Firebug - when you see element.style - with no css file named to the right in the style/layout/DOM window - it means that the style is probably in the html. You can override styles in the css file by adding css style directly to an html tag.

When you used firebug to inspect, and saw the element.style - did you see anything in the html window like <td style="color: #ffffe0"> or <font style="color: #ffffe0">? This could be overriding your skin.css styles. If so - you would need to modify the template that has this code.

[JWait]

Originally Posted by gotpump

How do I clear my templates cache from admin?

But it is still white. Not sure what you mean uploaded I simply changed and saved it. Do I need to download it edit it then upload it for it to take effect?

In admin under the "Administration" section, click "summary".
Where it says "In this section", click on Tools.
Towards the bottom of the page you should see a button that says "Clear templates cache".

What did you do to change the file? I mean how did you modify it, what program?

[gotpump]

gb2world:


Ok so in the html when I inspect it says

<font class="CheckoutTabSel"><span style="color: rgb(255, 255, 224);">Personal details</span>


</font>

Jwait:

All I used to edit the skin1.css was threw edit templates.

Cleared the cache didn't fix the problem.

Thanks for all your help guys hopefully we can figure out what to do here.

[ARW VISIONS]

well take that style out.

style="color: rgb(255, 255, 224);


Get rid of it.