How to change Category Font Color Only!

ArlyDude · #1 11-08-2002, 05:34 PM

Hello, this font color thing with css is getting me mad, It's rough working with black and white at the same time and picking a font that will match colors and show up on both backgrounds...ok, here's what I want to do....I am going to reset my css file so that all of my hyperlinks are black, now here is where i need the help... Where does the category list get it's font color from? I know it get's it from:

A {
COLOR: #999999; TEXT-DECORATION: none;

But I want to make it grab the font color from a different source...how can i do this? I think i know how, but I just wanted a quick answer before i spend an hour trying to figure it out. Thanks!

syddos · #2 11-23-2002, 02:50 PM

Hi is this the category list in the dropdown list box, or your own created categorie list?

Quote:

A {
COLOR: #999999; TEXT-DECORATION: none;

The above only affects anchors (<a href="file_name>Name </a>)
and sets the color for every link.

You can change the pre-hover color by changing the "class=whatever" statement in the "skin1.css" file.

NOTE: take a note of the name of the class statement, before changing, as xcart may have used the same class title settings for other areas in xcart.

Regards,

funkydunk · #3 11-28-2002, 10:30 PM

I had a similar issue on a site that I am working on at the moment.

The categories get the text styling from CategoriesList in skin1.css. The A:Link etc styles control the colours of the links. However, if you want the hyperlinks to show against different backgrounds then best to set a class to the <a href> of each link.

ie Link

fusionartstamps · #4 12-11-2002, 05:02 PM

Does anyone know how to change the font color inside the body tags for hyperlinks? Ie. Under help I have a "Links" section, but all the hyperlinks are black, although on the hover they change color. I changed the A {COLOR: #993399; TEXT-DECORATION: underline;} and A:hover {COLOR: #993399; TEXT-DECORATION: underline;}. It seems that the A color isn't working or I'm missing something.

Thanks,

Amy

shan · #5 12-12-2002, 04:26 AM

Hi Amy,

To make links appear in a different color then use the same method as is used for the categories links.

For examlpe, you would create a new class in the style sheet as follows...

Quote:

.your_class {
COLOR: #AAAAAA; TEXT-DECORATION: none;
}

.your_class:hover {
COLOR: #CCCCCC; TEXT-DECORATION: underline;
}

now you must assign that class to the links that you want to use those colors like this ...

Quote:

your_link

thats what dr funky was saying

I did take a quick look at the other problem that you were having but something came up. Ill go back to it later

hth

funkydunk · #6 12-12-2002, 04:45 AM

Hi Amy

Please dont take this the wrong way but a really good source of background on stylesheets is at http://hotwired.lycos.com/webmonkey/reference/stylesheet_guide/

Forgive me if it is a grandma sucking eggs thing

Xcart uses these all over the place so it is really useful to know how to control look and feel through one document such as this. Also it is more compliant with W3C guidelines.

fusionartstamps · #7 12-12-2002, 08:14 AM

Shan and Funkydunk,

Again, thanks for all your help! This problem was easy to fix. Just a few more technical problems to fix and I'm ready to launch. Whew hooo!!

Amy