Changing rollovers in Category lists - Javascript files

kevine

Registered User

Join Date: Oct 2004

Posts: 78
#1

Changing rollovers in Category lists - Javascript files

10-Nov-2004, 09:55 PM

I have modified my Act_Primary.html file to point to a custom CSS class that I created for the list down the side of my store for the sections (best seller theme).

I was wondering if anyone could tell me how to make the underline on rollover disappear and change the colour of the copy ot a blue?

I have been able to make this effect all the other copy in the site but I would like to have it effect just the stuff in the categories list (the JavaScript is YahooSections) on the left side of my store. It worked on changing the font and size but I need ot change the text decoration to none and th ecolour ot a blue on rollovers.

Below is the code I added to the actinic.css file.

.catList {
font-size:9px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
padding-left: 5px;
}

Thanks in advance for any and all help.

Cheers!
Kevin
Tags: None
cdicken

Registered User

Join Date: Nov 2002

Posts: 9864
#2

15-Nov-2004, 04:32 PM

You need to do something like the following in your CSS file:

a.catList {
font-size:9px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
padding-left: 5px;
text-decoration: none;
}

And then in the JavaScript in the <head> part of the overall layout templates, you can get rid of any <span> or </span> tags and change

<a href="...

to

<a class="catList" href="...

That ought to do it.
Comment

Announcement

Changing rollovers in Category lists - Javascript files

Changing rollovers in Category lists - Javascript files

Comment