X-Cart forums

[MCM]

Hi,

I'm moving the link to Privacy Statement/Terms and Conditions to the bottom bar of the page, which means bottom.tpl is the file I'm editing.

The bar is blue, but so is the default text. I'd like to make the text white (and on the mouseover, the red is fine). However, I've tried everything I can think of--removing the class="Bottom" tag, simply changing the color to white with a font tag, etc. Nothing is working.

How can I change the color of the link? The unlinked text is white. Does the css file have a link color for dark backgrounds that I just don't see?

Thanks,

Jeremy

[balinor]

No, you need to create a new class and call it in the link tag.

[MCM]

I've now got Bottom reading:

.Bottom {
        BACKGROUND-COLOR: #081589; COLOR: #FFFFFF;

A.Bottom:link {
	COLOR: #081589; TEXT-DECORATION: none;
}
A.Bottom:visited {
	COLOR: #081589; TEXT-DECORATION: none;
}
A.Bottom:hover {
	COLOR: #FF0000; TEXT-DECORATION: underline;
}
A.Bottom:active  {
	COLOR: #081589; TEXT-DECORATION: none;
}

The links are being called as follows:

<TD class="Bottom" align="left">{$lng.lbl_privacy_statement} | 
{$lng.lbl_terms_n_conditions}</TD>

I've also tried creating a new class Bottom1, but to no avail, as well. Any thoughts?

[balinor]

Not quite, use this:

.Bottom {
        BACKGROUND-COLOR: #081589; COLOR: #FFFFFF;

.Bottom:link {
   COLOR: #081589; TEXT-DECORATION: none;
}
.Bottom:visited {
   COLOR: #081589; TEXT-DECORATION: none;
}
.Bottom:hover {
   COLOR: #FF0000; TEXT-DECORATION: underline;
}
.Bottom:active  {
   COLOR: #081589; TEXT-DECORATION: none;
}

[MCM]

I've now got this in use in skin1.css (I've updated the colors)

.Bottom {
        BACKGROUND-COLOR: #081589; COLOR: #FFFFFF;

.Bottom:link {
	COLOR: #FFFFFF; TEXT-DECORATION: none;
}
.Bottom:visited {
	COLOR: #68FFAF; TEXT-DECORATION: none;
}
.Bottom:hover {
	COLOR: #FF0000; TEXT-DECORATION: underline;
}
.Bottom:active  {
	COLOR: #FFFFFF; TEXT-DECORATION: none;
}

I've tried the <TD class="Bottom> with and without the class being specified in the <a> tag, as well, to no avail--the links still won't change to white

[balinor]

Change the visited class to white as well, as you have probably already viewed the page.

[MCM]

I changed visited to teal, but even that doesn't show (and it should on a deep blue background).

[balinor]

Just looked again, and you are missing the closing } on the main .Bottom class. That is the problem.

[MCM]

Sorry, I didn't copy it, as there are a few lines space there--the bracket is there.