X-Cart forums - Changing the Color of a Link in Bottom.tpl

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

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

- - Changing the Color of a Link in Bottom.tpl (https://forum.x-cart.com/showthread.php?t=18996)

MCM	01-02-2006 01:20 PM

Changing the Color of a Link in Bottom.tpl

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

01-02-2006 05:10 PM

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

MCM	01-03-2006 05:51 AM

I've now got Bottom reading:

Code:

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

Code:

<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

01-03-2006 05:56 AM

Not quite, use this:

Code:

.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	01-03-2006 07:07 AM

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

Code:

.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

01-03-2006 07:12 AM

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

MCM	01-03-2006 07:25 AM

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

balinor

01-03-2006 07:35 AM

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

MCM	01-03-2006 09:02 AM

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

All times are GMT -8. The time now is 11:17 AM.